A Pen by Daniela Gattoni on CodePen.
## basic to get started: | |
- How to turn on off screen reader: `command` + `f5` keys. | |
- getting use to keyboard navigation using tab key: | |
- start with the screen reader OFF, and use keyboard navigation with the tab key to browse sections of the app until gets familiar | |
- turn On screen reader (command + f5), and use tab navigation to browse sections of the app until gets familiar. | |
- detect what sections the focus state is lost: for example: in slide in/out menus, widgets that are collapsed, check if `focus state` has different colors across the app. | |
- open links : with enter key | |
- activate buttons: enter or space bar key. | |
## To Adjust VoiceOver |
# credits logo tipresias: | |
1. https://thenounproject.com/icon/1883594/ | |
2. https://thenounproject.com/icon/760975/ | |
Changes under license: https://creativecommons.org/licenses/by/3.0/ |
Hello there!, This document was created during the RHOK hackathon (winter 2018 in Melbourne, AU) to help SevenWomen.org changemakers to learn about how important is to follow simples rules and tips to improve how accesible our sites are, mostly when they are created with CMS. This is a work in progress guide and will be updated over time, please feel free to add comments and collaborate if this is something that you are passionate about :)
“Ask yourself: when our users are using and consuming our website, would they be able to use it regardless to their context and abilities?” - Sara Soueidan, Front end developer.
Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to websites, by people with disabilities. When sites are correctly designed, developed and edited, all users have equal access to information and functionality. Imagine you can’t use your mo