Accessibility

Accessibility

how to check whether its readable in a browser

• fire fox hamburger menu > more tools > developer tools > accessibility pane should be one from the right
• mac ?
• chrome does not have one unless found

text to speech

• apple s built in
• windows built in
• nvda_2024
• jows (payed )

Elements

buttons

• buttons<button class='btn' aria-label="pizza and Speakers from 6 to 7:30 pm"></button>divs can also be labeled like this . *aria It is used for screen readers to understand content of the webpage. see aria-lable usageand aria-hidden ='true
• tabindex so the element is able to be focused by the browser
• title
• name
• custom focus styles

images

• images should have alt text to describe the image.

div and Containers

• should have name and aria lable like card

links

• Accessible btn
• ADA complaint
• accessibleweb
• tabindex