Рет қаралды 522
Accessibility on the Web can be a confusing subject with debatable or questionable solutions to things. In this episode we run through all the fundamentals you should be concerned with which should hopefully give you the foundations you need to decipher if what you're doing is breaking accessibility rules.
Further watching
Kevin Powell: • Simple solutions to re...
Hidden Context: • Hiding Context with SR...
ARIA Patterns: www.w3.org/WAI/ARIA/apg/patte...
Brought to you by FlowSt8.dev - The unlimited Webflow Development Service
Get started with Webflow NOW! webflow.grsm.io/vju2g2zhpv53
-
Buy merch: flowst8.dev/store
Join the community: / 1737357986903753004
Support my content: buymeacoffee.com/fakesamgregory
Learn to become a Full Stack Agency: thefullstackagency.xyz/
Services I Love
Domain Names: namecheap.pxf.io/c/3510278/38...
Hosting: www.hostg.xyz/aff_c?offer_id=...
Online Storage ($200 credit): m.do.co/c/9beb563908a1
Online Storage ($100 credit): www.vultr.com/?ref=9381598-8H
-
Twitter: @0x5am5
-
--------------------------
⏰ Timestamps
--------------------------
00:00 - Intro
00:40 - Accessibility is for EVERYONE
01:19 - What are the actual benefits?
02:03 - A word on Webflow interactions
02:40 - Disregard styling
03:40 - DOM structure
04:40 - Superfluous content
05:24 - Tag your elements
05:59 - Sectioning elements
07:13 - Clear link text
07:39 - Correct heading structure
08:56 - Alt attributes on images
09:34 - ARIA - Interactions
10:56 - Keyboard interactivity
11:47 - Use focusable elements
12:18 - Form input labels - Hidden context and controlling visibility
My Gear (affiliate)
Sony A7 III: amzn.to/427iMbS
Sony 16-35mm: amzn.to/3Ehfvxi
VIJIM Video Light: amzn.to/3N0XdFp
Hollyland Mark M1: amzn.to/3MIZmUW
Macbook Pro M1 Pro: amzn.to/3oEVbS0
iPad Pro 2018: amzn.to/3AxJWNN
Magic Keyboard: amzn.to/421B26P
Travel Laptop Stand: amzn.to/3MDRx2Q
Logitech MX Vertical: amzn.to/3oCg1Bz
My Books
The Full Stack Agency: thefullstackagency.xyz/books/...
Lingo: Agile: thefullstackagency.gumroad.co...
Lingo: Startup: thefullstackagency.gumroad.co...
#nocode #Webflow #accessibily