MAKE YOUR WEBSITE ACCESSIBLE FOR EVERYONE

码奴

2019/03/17 发布于 技术 分类

文字内容
1. MAKE YOUR WEBSITE ACCESSIBLE FOR EVERYONE
2. BETTER COLOR CONTRAST
3. Emmenez-moi au bout de la terre Emmenez-moi au pays des merveilles Il me semble que la misère Serait moins pénible au soleil
5. RESIZABLE TEXT
6. AT 200% 😟 { font-size: 16px; padding: 5px 20px; BUY NOW } BUY NOW 😕 { font-size: 1.4rem; padding: 5px 20px; } 😨 { font-size: 1.4rem; height: 57px; } 😀 { font-size: 1.4rem; padding: 0.5m 2em; } BUY NOW BUY NOW BUY NOW
7. GOOD HEADING STRUCTURE
8. 🤔 HEADING LEVEL 2 HEADING LEVEL 1 HEADING LEVEL 3 HEADING LEVEL 2 HEADING LEVEL 4 😎 HEADING LEVEL 1 HEADING LEVEL 2 HEADING LEVEL 3 HEADING LEVEL 2
9. VISIBLE FOCUS STATE
11. *:focus { outline: none; } /* Different focus states */ button:focus { outline: 2px aquamarine solid; background-colour: black; } input:focus { outline: 3px rebeccapurple dotted; }
12. RIGHT KEYBOARD INTERACTIONS
13. LINK BUTTON DIV
14. LINK • • • NAVIGATE TO NEW PAGE OR SAME PAGE ANNOUNCED AS LINK KEYBOARD SUPPORT WITH “ENTER” KEY
15. BUTTON • • • USED FOR INTERACTION ANNOUNCED AS BUTTON KEYBOARD SUPPORT WITH “ENTER” AND “SPACE” KEY
16. DIV • USED FOR STRUCTURING YOUR PAGE
17. BETTER COLOR CONTRAST RESIZABLE TEXT GOOD CONTENT STRUCTURE VISIBLE FOCUS STATE RIGHT KEYBOARD INTERACTIONS
18. THANK YOU! @HUGUESTENNIER