⚙️
PHP Tools Hub
Tools
PHP
Quick
Contact
Home
>
Tutorials
>
HTML
>
HTML Accessibility
HTML Accessibility Tutorials
46 tutorials found.
📘
200% Zoom No Break
Responsive Accessibility | Text Resize | HTML
📘
4.5:1 for Normal Text
Color Contrast | Minimum Ratio | HTML
📘
Accessible Websites
Introduction | Web Accessibility | HTML
📘
aria-label for Icon Buttons
ARIA Attributes | ARIA Label | HTML
📘
Avoid Click Here
Links | Descriptive Link Text | HTML
📘
banner navigation main complementary contentinfo
ARIA Roles | Landmark Roles | HTML
📘
Chrome DevTools Accessibility Audit
Testing Tools | Lighthouse | HTML
📘
Describe Image Purpose
Alt Text | Images Alt Attribute | HTML
📘
H1 then H2 then H3
Headings | Proper Heading Order | HTML
📘
Header Nav Main Footer
Semantic HTML | Use Semantic Tags | HTML
📘
Label For Input ID
Forms | Label Elements | HTML
📘
tabindex="0" for Focusable
Keyboard Navigation | Tab Index | HTML
📘
Visually Hidden Text
Screen Reader Only | CSS Class | HTML
📘
3:1 for Large Text
Color Contrast | Large Text Ratio | HTML
📘
aria-labelledby="id"
ARIA Attributes | ARIA Labelledby | HTML
📘
button tab slider checkbox
ARIA Roles | Widget Roles | HTML
📘
Empty Alt Alt=""
Alt Text | Decorative Images | HTML
📘
Group Related Fields
Forms | Fieldset Legend | HTML
📘
H1 to H3 Not H4
Headings | No Skipping Levels | HTML
📘
Link at Top to Skip Navigation
Keyboard Navigation | Skip to Content | HTML
📘
No Horizontal Scroll at 400%
Responsive Accessibility | Content Reflow | HTML
📘
Position Absolute Off Screen
Screen Reader Only | Offscreen | HTML
📘
Understand Out of Context
Links | Link Purpose | HTML
📘
Use Meaningful Elements
Semantic HTML | Avoid Div Spam | HTML
📘
Web Accessibility Evaluation Tool
Testing Tools | WAVE | HTML
📘
Web Content Accessibility Guidelines
Introduction | WCAG | HTML
📘
3:1 for UI Components
Color Contrast | Non Text Ratio | HTML
📘
Accessibility Testing Extension
Testing Tools | axe | HTML
📘
Accessible Rich Internet Applications
Introduction | WAI-ARIA | HTML
📘
aria-describedby="id"
ARIA Attributes | ARIA Describedby | HTML
📘
article heading img list
ARIA Roles | Document Roles | HTML
📘
Clear Error Description
Forms | Error Messages | HTML
📘
Logical Tab Order
Keyboard Navigation | Focus Order | HTML
📘
Long Description Nearby
Alt Text | Complex Images | HTML
📘
Notify User
Links | Open in New Tab | HTML
📘
Page Main Title
Headings | One H1 Per Page | HTML
📘
aria-expanded for Dropdowns
ARIA Attributes | ARIA Expanded | HTML
📘
Don't Rely Only on Color
Color Contrast | Color Blindness | HTML
📘
JAWS NVDA VoiceOver TalkBack
Introduction | Screen Readers | HTML
📘
Modal Dialog Focus Loop
Keyboard Navigation | Focus Trap | HTML
📘
NVDA JAWS VoiceOver
Testing Tools | Screen Reader Testing | HTML
📘
Visible Focus Outline
Forms | Focus Indicators | HTML
📘
aria-hidden="true" Hide from Screen Readers
ARIA Attributes | ARIA Hidden | HTML
📘
aria-required="true"
Forms | ARIA Required | HTML
📘
Focus Always Movable
Keyboard Navigation | No Keyboard Trap | HTML
📘
aria-live="polite assertive"
ARIA Attributes | ARIA Live | HTML