Skip to content

Instantly share code, notes, and snippets.

View meligatt's full-sized avatar
🚀

Melissa Gattoni meligatt

🚀
  • Melbourne, Australia
View GitHub Profile
## 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
@meligatt
meligatt / md
Created May 21, 2019 02:32
credits-logo-tipresias
# 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/
@meligatt
meligatt / danistudytime-pipe-functions-exercise-plain-js.markdown
Created April 16, 2019 06:12
#DaniStudyTime: pipe functions exercise - plain JS
@meligatt
meligatt / improve-accessibility-CMS.md
Last active June 3, 2018 04:13
Simple ideas to improve accessibility in our CMS.

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 :)


Simple ideas to improve accessibility in our CMS.

“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.

What is web Accessibility?

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