SlideShare a Scribd company logo

How to make an inaccessible website - CSS Minsk JS

•Download as PPTX, PDF•
•
I
Ian Pouncey

In 2019, web accessibility is mainstream, but a quick search on your social media platform of choice will reveal designers and developers who resist the idea that all websites and applications should be usable by anyone. These people are underrepresented at conferences; this is the presentation for them. Anyone who cares about their users might find something to learn as well, in this presentation that covers the best and worst of (in)accessible HTML, CSS, and JavaScript. Presented at CSS Minsk JS on 20th September 2019.

Internet
1 of 49
:focus { outline: none; }
a:focus { outline: 0; }
table { display: block; }
table { display: block; }
<h1 aria-hidden="true"> What heading? </h1>
<body aria-hidden="true"> What content? </body>
<h1> Boring heading </h1>
<div> No heading at all! </div>
<div class="ui list"> <div class="item"> 1 </div> <div class="item"> 2 </div> <div class="item"> 3 </div> </div>
<h1 role="presentation"> No heading at all! </h1>
<table> <tr> <td colspan="2">Header</td> </tr> <tr> <td>Main content</td> <td>Sidebar</td> </tr> <tr> <td colspan="2">Footer</td> </tr> </table>
<table role="presentation"> <tr> <td colspan="2">Header</td> </tr> <tr> <td>Main content</td> <td>Sidebar</td> </tr> <tr> <td colspan="2">Footer</td> </tr> </table>
<ul role="tablist"> <li> <a href="#tab1" role="tab">Tab 1</a> </li> <li> <a href="#tab2" role="tab">Tab 2</a> </li> <li> <a href="#tab3" role="tab">Tab 3</a> </li> </ul>
<ul role="tablist"> <li role="presentation"> <a href="#tab1" role="tab">Tab 1</a> </li> <li role="presentation"> <a href="#tab2" role="tab">Tab 2</a> </li> <li role="presentation"> <a href="#tab3" role="tab">Tab 3</a> </li> </ul>
<a href="/">Home</a> <a>Home</a>
<div aria-haspopup="false" data-focusable="true" tabindex="0" class="css-1dbjc4n r-1habvwh r-1loqt21 r-6koalj r-1j3t67a r- 1w50u8q r-o7ynqc r-1j63xyz" data-testid="trend" role="link"><div dir="auto" class="css-901oao r-1re7ezh r- 1qd0xha r-n6v787 r-16dba41 r-1sf4r6n r-bcqeeo r-qvutc0"><span aria-hidden="true" class="css-901oao css-16my406 r-1qd0xha r- ad9z0x r-bcqeeo r-qvutc0">3<span aria-hidden="true" class="css- 901oao css-16my406 r-1re7ezh r-1qd0xha r-ad9z0x r-bcqeeo r- ou255f r-qvutc0"><span class="css-901oao css-16my406 r-1qd0xha r-ad9z0x r-bcqeeo r- qvutc0">·</span></span></span>Trending</div><div dir="ltr" class="css-901oao r-hkyrab r-1qd0xha r-a023e6 r-vw2c0b r-ad9z0x r-bcqeeo r-vmopo1 r-qvutc0"><span class="css-901oao css-16my406 r-1qd0xha r-ad9z0x r-bcqeeo r- qvutc0">Philanthropist</span></div><div dir="auto" class="css- 901oao r-1re7ezh r-1qd0xha r-a023e6 r-16dba41 r-ad9z0x r-bcqeeo r-vmopo1 r-qvutc0"><span class="css-901oao css-16my406 r- 1qd0xha r-ad9z0x r-bcqeeo r-qvutc0">6,218 Tweets</span></div></div>
<div aria-haspopup="false" data-focusable="true" tabindex="0" class="css-1dbjc4n r-1habvwh r-1loqt21 r-6koalj r-1j3t67a r- 1w50u8q r-o7ynqc r-1j63xyz" data-testid="trend" role="link"><div dir="auto" class="css-901oao r-1re7ezh r- 1qd0xha r-n6v787 r-16dba41 r-1sf4r6n r-bcqeeo r-qvutc0"><span aria-hidden="true" class="css-901oao css-16my406 r-1qd0xha r- ad9z0x r-bcqeeo r-qvutc0">3<span aria-hidden="true" class="css- 901oao css-16my406 r-1re7ezh r-1qd0xha r-ad9z0x r-bcqeeo r- ou255f r-qvutc0"><span class="css-901oao css-16my406 r-1qd0xha r-ad9z0x r-bcqeeo r- qvutc0">·</span></span></span>Trending</div><div dir="ltr" class="css-901oao r-hkyrab r-1qd0xha r-a023e6 r-vw2c0b r-ad9z0x r-bcqeeo r-vmopo1 r-qvutc0"><span class="css-901oao css-16my406 r-1qd0xha r-ad9z0x r-bcqeeo r- qvutc0">Philanthropist</span></div><div dir="auto" class="css- 901oao r-1re7ezh r-1qd0xha r-a023e6 r-16dba41 r-ad9z0x r-bcqeeo r-vmopo1 r-qvutc0"><span class="css-901oao css-16my406 r- 1qd0xha r-ad9z0x r-bcqeeo r-qvutc0">6,218 Tweets</span></div></div>
<span aria-hidden="true" class="css-901oao css-16my406 r-1re7ezh r-1qd0xha r- ad9z0x r-bcqeeo r-ou255f r-qvutc0"> <span class="css-901oao css-16my406 r-1qd0xha r-ad9z0x r-bcqeeo r-qvutc0"> · </span> </span> .css-901oao { border: 0 solid black; box-sizing: border-box; color: rgba(0,0,0,1.00); display: inline; font: 14px system-ui,-apple- system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans- serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; white-space: pre-wrap; word-wrap: break-word;} .css-16my406 { color: inherit; font: inherit; white-space: inherit; } .r-ou255f { padding-left: 5px; padding-right: 5px; } .r-ad9z0x { line-height: 1.3125; } .r-bcqeeo { min-width: 0px; } .r-qvutc0 { overflow-wrap: break-word; } .r-1qd0xha { font- family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; } .r-1re7ezh { color: rgb(101, 119, 134); }
How to make an inaccessible website - CSS Minsk JS
How to make an inaccessible website - CSS Minsk JS
How to make an inaccessible website - CSS Minsk JS
How to make an inaccessible website - CSS Minsk JS
How to make an inaccessible website - CSS Minsk JS
How to make an inaccessible website - CSS Minsk JS
How to make an inaccessible website - CSS Minsk JS

Recommended

Dfdf
DfdfDfdf
Dfdfsmitty74
 
Hypertext markup language(html)
Hypertext markup language(html)Hypertext markup language(html)
Hypertext markup language(html)Jayson Cortez
 
shoubox script
shoubox scriptshoubox script
shoubox scriptAlif Mahardika
 
Nouveau document texte
Nouveau document texteNouveau document texte
Nouveau document textebobito1992
 
Coding part
Coding partCoding part
Coding partSanjay Gupta
 
Dfdf
DfdfDfdf
Dfdfsmitty74
 
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017Morten Rand-Hendriksen
 
jQuery Mobile - Desenvolvimento para dispositivos móveis
jQuery Mobile - Desenvolvimento para dispositivos móveisjQuery Mobile - Desenvolvimento para dispositivos móveis
jQuery Mobile - Desenvolvimento para dispositivos móveisPablo Garrido
 

Recommended

Dfdf
DfdfDfdf
Dfdfsmitty74
 
Hypertext markup language(html)
Hypertext markup language(html)Hypertext markup language(html)
Hypertext markup language(html)Jayson Cortez
 
shoubox script
shoubox scriptshoubox script
shoubox scriptAlif Mahardika
 
Nouveau document texte
Nouveau document texteNouveau document texte
Nouveau document textebobito1992
 
Coding part
Coding partCoding part
Coding partSanjay Gupta
 
Dfdf
DfdfDfdf
Dfdfsmitty74
 
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017
CSS Grid Changes Everything About Web Layouts: WordCamp Europe 2017Morten Rand-Hendriksen
 
jQuery Mobile - Desenvolvimento para dispositivos móveis
jQuery Mobile - Desenvolvimento para dispositivos móveisjQuery Mobile - Desenvolvimento para dispositivos móveis
jQuery Mobile - Desenvolvimento para dispositivos móveisPablo Garrido
 
Second raidteam.html
Second raidteam.htmlSecond raidteam.html
Second raidteam.htmlCraig Farish
 
Ss 36932418[1]
Ss 36932418[1]Ss 36932418[1]
Ss 36932418[1]Ya Jinda
 
قالب المواضيع
قالب المواضيعقالب المواضيع
قالب المواضيعkhaliled
 
Gordian Knot Presentation (Help Network)
Gordian Knot Presentation (Help Network)Gordian Knot Presentation (Help Network)
Gordian Knot Presentation (Help Network)Jim Osowski
 
Introduction to Bootstrap
Introduction to BootstrapIntroduction to Bootstrap
Introduction to BootstrapRon Reiter
 
Introduction to Web Components
Introduction to Web ComponentsIntroduction to Web Components
Introduction to Web ComponentsFelix Arntz
 
IT1150CapstoneProjectFall2016TedCarr
IT1150CapstoneProjectFall2016TedCarrIT1150CapstoneProjectFall2016TedCarr
IT1150CapstoneProjectFall2016TedCarrTed Carr
 
Los Estados De La Materia
Los Estados De La MateriaLos Estados De La Materia
Los Estados De La MateriaMayritalinda
 
El Tiempo Nos Ensea 214392
El Tiempo Nos Ensea 214392El Tiempo Nos Ensea 214392
El Tiempo Nos Ensea 214392guestc65f09
 
Presentation html5 css3 by thibaut
Presentation html5 css3 by thibautPresentation html5 css3 by thibaut
Presentation html5 css3 by thibautThibaut Baillet
 
Vaadin Components @ Angular U
Vaadin Components @ Angular UVaadin Components @ Angular U
Vaadin Components @ Angular UJoonas Lehtinen
 
Jina Bolton
Jina BoltonJina Bolton
Jina BoltonCarsonified Team
 
[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSS[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSSBeckhamWee
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5Terry Ryan
 
Stole16
Stole16Stole16
Stole16rworldoffice
 
Templates81 special document
Templates81 special documentTemplates81 special document
Templates81 special documentLan Nguyen
 
Templates81 special document
Templates81 special documentTemplates81 special document
Templates81 special documentLan Nguyen
 
Fronttechnieken met HTML5 en de Slice-template
Fronttechnieken met HTML5 en de Slice-templateFronttechnieken met HTML5 en de Slice-template
Fronttechnieken met HTML5 en de Slice-templateInventis Web Architects
 
RSS: the duct tape of web2.0
RSS: the duct tape of web2.0RSS: the duct tape of web2.0
RSS: the duct tape of web2.0Rob Clark
 
http://kariwebsite.com/
http://kariwebsite.com/http://kariwebsite.com/
http://kariwebsite.com/kariwebsite
 
Accessible user experiences in four minutes, thirty three seconds
Accessible user experiences in four minutes, thirty three secondsAccessible user experiences in four minutes, thirty three seconds
Accessible user experiences in four minutes, thirty three secondsIan Pouncey
 
Accessible Code for Web Designers - CSUN 2017
Accessible Code for Web Designers - CSUN 2017Accessible Code for Web Designers - CSUN 2017
Accessible Code for Web Designers - CSUN 2017Ian Pouncey
 

More Related Content

Similar to How to make an inaccessible website - CSS Minsk JS

Second raidteam.html
Second raidteam.htmlSecond raidteam.html
Second raidteam.htmlCraig Farish
 
Ss 36932418[1]
Ss 36932418[1]Ss 36932418[1]
Ss 36932418[1]Ya Jinda
 
قالب المواضيع
قالب المواضيعقالب المواضيع
قالب المواضيعkhaliled
 
Gordian Knot Presentation (Help Network)
Gordian Knot Presentation (Help Network)Gordian Knot Presentation (Help Network)
Gordian Knot Presentation (Help Network)Jim Osowski
 
Introduction to Bootstrap
Introduction to BootstrapIntroduction to Bootstrap
Introduction to BootstrapRon Reiter
 
Introduction to Web Components
Introduction to Web ComponentsIntroduction to Web Components
Introduction to Web ComponentsFelix Arntz
 
IT1150CapstoneProjectFall2016TedCarr
IT1150CapstoneProjectFall2016TedCarrIT1150CapstoneProjectFall2016TedCarr
IT1150CapstoneProjectFall2016TedCarrTed Carr
 
Los Estados De La Materia
Los Estados De La MateriaLos Estados De La Materia
Los Estados De La MateriaMayritalinda
 
El Tiempo Nos Ensea 214392
El Tiempo Nos Ensea 214392El Tiempo Nos Ensea 214392
El Tiempo Nos Ensea 214392guestc65f09
 
Presentation html5 css3 by thibaut
Presentation html5 css3 by thibautPresentation html5 css3 by thibaut
Presentation html5 css3 by thibautThibaut Baillet
 
Vaadin Components @ Angular U
Vaadin Components @ Angular UVaadin Components @ Angular U
Vaadin Components @ Angular UJoonas Lehtinen
 
[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSS[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSSBeckhamWee
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5Terry Ryan
 
Templates81 special document
Templates81 special documentTemplates81 special document
Templates81 special documentLan Nguyen
 
Templates81 special document
Templates81 special documentTemplates81 special document
Templates81 special documentLan Nguyen
 
Fronttechnieken met HTML5 en de Slice-template
Fronttechnieken met HTML5 en de Slice-templateFronttechnieken met HTML5 en de Slice-template
Fronttechnieken met HTML5 en de Slice-templateInventis Web Architects
 
RSS: the duct tape of web2.0
RSS: the duct tape of web2.0RSS: the duct tape of web2.0
RSS: the duct tape of web2.0Rob Clark
 
http://kariwebsite.com/
http://kariwebsite.com/http://kariwebsite.com/
http://kariwebsite.com/kariwebsite
 

Similar to How to make an inaccessible website - CSS Minsk JS (20)

Second raidteam.html
Second raidteam.htmlSecond raidteam.html
Second raidteam.html
 
Ss 36932418[1]
Ss 36932418[1]Ss 36932418[1]
Ss 36932418[1]
 
قالب المواضيع
قالب المواضيعقالب المواضيع
قالب المواضيع
 
Gordian Knot Presentation (Help Network)
Gordian Knot Presentation (Help Network)Gordian Knot Presentation (Help Network)
Gordian Knot Presentation (Help Network)
 
Introduction to Bootstrap
Introduction to BootstrapIntroduction to Bootstrap
Introduction to Bootstrap
 
Introduction to Web Components
Introduction to Web ComponentsIntroduction to Web Components
Introduction to Web Components
 
IT1150CapstoneProjectFall2016TedCarr
IT1150CapstoneProjectFall2016TedCarrIT1150CapstoneProjectFall2016TedCarr
IT1150CapstoneProjectFall2016TedCarr
 
Los Estados De La Materia
Los Estados De La MateriaLos Estados De La Materia
Los Estados De La Materia
 
El Tiempo Nos Ensea 214392
El Tiempo Nos Ensea 214392El Tiempo Nos Ensea 214392
El Tiempo Nos Ensea 214392
 
Presentation html5 css3 by thibaut
Presentation html5 css3 by thibautPresentation html5 css3 by thibaut
Presentation html5 css3 by thibaut
 
Vaadin Components @ Angular U
Vaadin Components @ Angular UVaadin Components @ Angular U
Vaadin Components @ Angular U
 
Jina Bolton
Jina BoltonJina Bolton
Jina Bolton
 
[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSS[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSS
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
 
Stole16
Stole16Stole16
Stole16
 
Templates81 special document
Templates81 special documentTemplates81 special document
Templates81 special document
 
Templates81 special document
Templates81 special documentTemplates81 special document
Templates81 special document
 
Fronttechnieken met HTML5 en de Slice-template
Fronttechnieken met HTML5 en de Slice-templateFronttechnieken met HTML5 en de Slice-template
Fronttechnieken met HTML5 en de Slice-template
 
RSS: the duct tape of web2.0
RSS: the duct tape of web2.0RSS: the duct tape of web2.0
RSS: the duct tape of web2.0
 
http://kariwebsite.com/
http://kariwebsite.com/http://kariwebsite.com/
http://kariwebsite.com/
 

More from Ian Pouncey

Accessible user experiences in four minutes, thirty three seconds
Accessible user experiences in four minutes, thirty three secondsAccessible user experiences in four minutes, thirty three seconds
Accessible user experiences in four minutes, thirty three secondsIan Pouncey
 
Accessible Code for Web Designers - CSUN 2017
Accessible Code for Web Designers - CSUN 2017Accessible Code for Web Designers - CSUN 2017
Accessible Code for Web Designers - CSUN 2017Ian Pouncey
 
Accessible UX&D – Minimal Viable Design
Accessible UX&D – Minimal Viable DesignAccessible UX&D – Minimal Viable Design
Accessible UX&D – Minimal Viable DesignIan Pouncey
 
Accessibility at the BBC
Accessibility at the BBCAccessibility at the BBC
Accessibility at the BBCIan Pouncey
 
Cyberethics and accessibility
Cyberethics and accessibilityCyberethics and accessibility
Cyberethics and accessibilityIan Pouncey
 
Practical accessibility
Practical accessibilityPractical accessibility
Practical accessibilityIan Pouncey
 
Standards-next: Content and Cognition
Standards-next: Content and CognitionStandards-next: Content and Cognition
Standards-next: Content and CognitionIan Pouncey
 

More from Ian Pouncey (7)

Accessible user experiences in four minutes, thirty three seconds
Accessible user experiences in four minutes, thirty three secondsAccessible user experiences in four minutes, thirty three seconds
Accessible user experiences in four minutes, thirty three seconds
 
Accessible Code for Web Designers - CSUN 2017
Accessible Code for Web Designers - CSUN 2017Accessible Code for Web Designers - CSUN 2017
Accessible Code for Web Designers - CSUN 2017
 
Accessible UX&D – Minimal Viable Design
Accessible UX&D – Minimal Viable DesignAccessible UX&D – Minimal Viable Design
Accessible UX&D – Minimal Viable Design
 
Accessibility at the BBC
Accessibility at the BBCAccessibility at the BBC
Accessibility at the BBC
 
Cyberethics and accessibility
Cyberethics and accessibilityCyberethics and accessibility
Cyberethics and accessibility
 
Practical accessibility
Practical accessibilityPractical accessibility
Practical accessibility
 
Standards-next: Content and Cognition
Standards-next: Content and CognitionStandards-next: Content and Cognition
Standards-next: Content and Cognition
 

Recently uploaded

VIP Kolkata Call Girls Salt Lake 8250192130 Available With Room
VIP Kolkata Call Girls Salt Lake 8250192130 Available With RoomVIP Kolkata Call Girls Salt Lake 8250192130 Available With Room
VIP Kolkata Call Girls Salt Lake 8250192130 Available With Roomgirls4nights
 
定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一
定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一
定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一Fs
 
Call Girls In Mumbai Central Mumbai ❤️ 9920874524 👈 Cash on Delivery
Call Girls In Mumbai Central Mumbai ❤️ 9920874524 👈 Cash on DeliveryCall Girls In Mumbai Central Mumbai ❤️ 9920874524 👈 Cash on Delivery
Call Girls In Mumbai Central Mumbai ❤️ 9920874524 👈 Cash on Deliverybabeytanya
 
FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607
FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607
FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607dollysharma2066
 
Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Low Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls Kolkata
Low Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls KolkataLow Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls Kolkata
Low Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls Kolkataanamikaraghav4
 
How is AI changing journalism? (v. April 2024)
How is AI changing journalism? (v. April 2024)How is AI changing journalism? (v. April 2024)
How is AI changing journalism? (v. April 2024)Damian Radcliffe
 
VIP Kolkata Call Girl Alambazar 👉 8250192130 Available With Room
VIP Kolkata Call Girl Alambazar 👉 8250192130 Available With RoomVIP Kolkata Call Girl Alambazar 👉 8250192130 Available With Room
VIP Kolkata Call Girl Alambazar 👉 8250192130 Available With Roomdivyansh0kumar0
 
AlbaniaDreamin24 - How to easily use an API with Flows
AlbaniaDreamin24 - How to easily use an API with FlowsAlbaniaDreamin24 - How to easily use an API with Flows
AlbaniaDreamin24 - How to easily use an API with FlowsThierry TROUIN ☁
 
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)Dana Luther
 
VIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call GirlVIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call Girladitipandeya
 
10.pdfMature Call girls in Dubai +971563133746 Dubai Call girls
10.pdfMature Call girls in Dubai +971563133746 Dubai Call girls10.pdfMature Call girls in Dubai +971563133746 Dubai Call girls
10.pdfMature Call girls in Dubai +971563133746 Dubai Call girlsstephieert
 
Denver Web Design brochure for public viewing
Denver Web Design brochure for public viewingDenver Web Design brochure for public viewing
Denver Web Design brochure for public viewingbigorange77
 
VIP Kolkata Call Girl Kestopur 👉 8250192130 Available With Room
VIP Kolkata Call Girl Kestopur 👉 8250192130 Available With RoomVIP Kolkata Call Girl Kestopur 👉 8250192130 Available With Room
VIP Kolkata Call Girl Kestopur 👉 8250192130 Available With Roomdivyansh0kumar0
 
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一Fs
 
Chennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts service
Chennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts serviceChennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts service
Chennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts servicevipmodelshub1
 
VIP Kolkata Call Girl Dum Dum 👉 8250192130 Available With Room
VIP Kolkata Call Girl Dum Dum 👉 8250192130 Available With RoomVIP Kolkata Call Girl Dum Dum 👉 8250192130 Available With Room
VIP Kolkata Call Girl Dum Dum 👉 8250192130 Available With Roomdivyansh0kumar0
 
Russian Call Girls in Kolkata Samaira 🤌 8250192130 🚀 Vip Call Girls Kolkata
Russian Call Girls in Kolkata Samaira 🤌 8250192130 🚀 Vip Call Girls KolkataRussian Call Girls in Kolkata Samaira 🤌 8250192130 🚀 Vip Call Girls Kolkata
Russian Call Girls in Kolkata Samaira 🤌 8250192130 🚀 Vip Call Girls Kolkataanamikaraghav4
 

Recently uploaded (20)

Call Girls Service Dwarka @9999965857 Delhi 🫦 No Advance VVIP 🍎 SERVICE
Call Girls Service Dwarka @9999965857 Delhi 🫦 No Advance VVIP 🍎 SERVICECall Girls Service Dwarka @9999965857 Delhi 🫦 No Advance VVIP 🍎 SERVICE
Call Girls Service Dwarka @9999965857 Delhi 🫦 No Advance VVIP 🍎 SERVICE
 
VIP Kolkata Call Girls Salt Lake 8250192130 Available With Room
VIP Kolkata Call Girls Salt Lake 8250192130 Available With RoomVIP Kolkata Call Girls Salt Lake 8250192130 Available With Room
VIP Kolkata Call Girls Salt Lake 8250192130 Available With Room
 
定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一
定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一
定制(UAL学位证)英国伦敦艺术大学毕业证成绩单原版一比一
 
Call Girls In Mumbai Central Mumbai ❤️ 9920874524 👈 Cash on Delivery
Call Girls In Mumbai Central Mumbai ❤️ 9920874524 👈 Cash on DeliveryCall Girls In Mumbai Central Mumbai ❤️ 9920874524 👈 Cash on Delivery
Call Girls In Mumbai Central Mumbai ❤️ 9920874524 👈 Cash on Delivery
 
FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607
FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607
FULL ENJOY Call Girls In Mayur Vihar Delhi Contact Us 8377087607
 
Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Uttam Nagar Delhi 💯Call Us 🔝8264348440🔝
 
Low Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls Kolkata
Low Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls KolkataLow Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls Kolkata
Low Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls Kolkata
 
How is AI changing journalism? (v. April 2024)
How is AI changing journalism? (v. April 2024)How is AI changing journalism? (v. April 2024)
How is AI changing journalism? (v. April 2024)
 
VIP Kolkata Call Girl Alambazar 👉 8250192130 Available With Room
VIP Kolkata Call Girl Alambazar 👉 8250192130 Available With RoomVIP Kolkata Call Girl Alambazar 👉 8250192130 Available With Room
VIP Kolkata Call Girl Alambazar 👉 8250192130 Available With Room
 
AlbaniaDreamin24 - How to easily use an API with Flows
AlbaniaDreamin24 - How to easily use an API with FlowsAlbaniaDreamin24 - How to easily use an API with Flows
AlbaniaDreamin24 - How to easily use an API with Flows
 
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)
Packaging the Monolith - PHP Tek 2024 (Breaking it down one bite at a time)
 
VIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call GirlVIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls LB Nagar high-profile Call Girl
 
Rohini Sector 26 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 26 Call Girls Delhi 9999965857 @Sabina Saikh No AdvanceRohini Sector 26 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 26 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
 
10.pdfMature Call girls in Dubai +971563133746 Dubai Call girls
10.pdfMature Call girls in Dubai +971563133746 Dubai Call girls10.pdfMature Call girls in Dubai +971563133746 Dubai Call girls
10.pdfMature Call girls in Dubai +971563133746 Dubai Call girls
 
Denver Web Design brochure for public viewing
Denver Web Design brochure for public viewingDenver Web Design brochure for public viewing
Denver Web Design brochure for public viewing
 
VIP Kolkata Call Girl Kestopur 👉 8250192130 Available With Room
VIP Kolkata Call Girl Kestopur 👉 8250192130 Available With RoomVIP Kolkata Call Girl Kestopur 👉 8250192130 Available With Room
VIP Kolkata Call Girl Kestopur 👉 8250192130 Available With Room
 
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一
定制(Lincoln毕业证书)新西兰林肯大学毕业证成绩单原版一比一
 
Chennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts service
Chennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts serviceChennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts service
Chennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts service
 
VIP Kolkata Call Girl Dum Dum 👉 8250192130 Available With Room
VIP Kolkata Call Girl Dum Dum 👉 8250192130 Available With RoomVIP Kolkata Call Girl Dum Dum 👉 8250192130 Available With Room
VIP Kolkata Call Girl Dum Dum 👉 8250192130 Available With Room
 
Russian Call Girls in Kolkata Samaira 🤌 8250192130 🚀 Vip Call Girls Kolkata
Russian Call Girls in Kolkata Samaira 🤌 8250192130 🚀 Vip Call Girls KolkataRussian Call Girls in Kolkata Samaira 🤌 8250192130 🚀 Vip Call Girls Kolkata
Russian Call Girls in Kolkata Samaira 🤌 8250192130 🚀 Vip Call Girls Kolkata
 

How to make an inaccessible website - CSS Minsk JS

  • 1.
  • 2.
  • 3.
  • 4.
  • 6.
  • 8.
  • 9.
  • 10.
  • 11.
  • 14.
  • 16.
  • 18.
  • 19.
  • 21. <div> No heading at all! </div>
  • 22. <div class="ui list"> <div class="item"> 1 </div> <div class="item"> 2 </div> <div class="item"> 3 </div> </div>
  • 23.
  • 26. <table role="presentation"> <tr> <td colspan="2">Header</td> </tr> <tr> <td>Main content</td> <td>Sidebar</td> </tr> <tr> <td colspan="2">Footer</td> </tr> </table>
  • 27. <ul role="tablist"> <li> <a href="#tab1" role="tab">Tab 1</a> </li> <li> <a href="#tab2" role="tab">Tab 2</a> </li> <li> <a href="#tab3" role="tab">Tab 3</a> </li> </ul>
  • 28. <ul role="tablist"> <li role="presentation"> <a href="#tab1" role="tab">Tab 1</a> </li> <li role="presentation"> <a href="#tab2" role="tab">Tab 2</a> </li> <li role="presentation"> <a href="#tab3" role="tab">Tab 3</a> </li> </ul>
  • 29.
  • 31.
  • 32. <div aria-haspopup="false" data-focusable="true" tabindex="0" class="css-1dbjc4n r-1habvwh r-1loqt21 r-6koalj r-1j3t67a r- 1w50u8q r-o7ynqc r-1j63xyz" data-testid="trend" role="link"><div dir="auto" class="css-901oao r-1re7ezh r- 1qd0xha r-n6v787 r-16dba41 r-1sf4r6n r-bcqeeo r-qvutc0"><span aria-hidden="true" class="css-901oao css-16my406 r-1qd0xha r- ad9z0x r-bcqeeo r-qvutc0">3<span aria-hidden="true" class="css- 901oao css-16my406 r-1re7ezh r-1qd0xha r-ad9z0x r-bcqeeo r- ou255f r-qvutc0"><span class="css-901oao css-16my406 r-1qd0xha r-ad9z0x r-bcqeeo r- qvutc0">·</span></span></span>Trending</div><div dir="ltr" class="css-901oao r-hkyrab r-1qd0xha r-a023e6 r-vw2c0b r-ad9z0x r-bcqeeo r-vmopo1 r-qvutc0"><span class="css-901oao css-16my406 r-1qd0xha r-ad9z0x r-bcqeeo r- qvutc0">Philanthropist</span></div><div dir="auto" class="css- 901oao r-1re7ezh r-1qd0xha r-a023e6 r-16dba41 r-ad9z0x r-bcqeeo r-vmopo1 r-qvutc0"><span class="css-901oao css-16my406 r- 1qd0xha r-ad9z0x r-bcqeeo r-qvutc0">6,218 Tweets</span></div></div>
  • 33. <div aria-haspopup="false" data-focusable="true" tabindex="0" class="css-1dbjc4n r-1habvwh r-1loqt21 r-6koalj r-1j3t67a r- 1w50u8q r-o7ynqc r-1j63xyz" data-testid="trend" role="link"><div dir="auto" class="css-901oao r-1re7ezh r- 1qd0xha r-n6v787 r-16dba41 r-1sf4r6n r-bcqeeo r-qvutc0"><span aria-hidden="true" class="css-901oao css-16my406 r-1qd0xha r- ad9z0x r-bcqeeo r-qvutc0">3<span aria-hidden="true" class="css- 901oao css-16my406 r-1re7ezh r-1qd0xha r-ad9z0x r-bcqeeo r- ou255f r-qvutc0"><span class="css-901oao css-16my406 r-1qd0xha r-ad9z0x r-bcqeeo r- qvutc0">·</span></span></span>Trending</div><div dir="ltr" class="css-901oao r-hkyrab r-1qd0xha r-a023e6 r-vw2c0b r-ad9z0x r-bcqeeo r-vmopo1 r-qvutc0"><span class="css-901oao css-16my406 r-1qd0xha r-ad9z0x r-bcqeeo r- qvutc0">Philanthropist</span></div><div dir="auto" class="css- 901oao r-1re7ezh r-1qd0xha r-a023e6 r-16dba41 r-ad9z0x r-bcqeeo r-vmopo1 r-qvutc0"><span class="css-901oao css-16my406 r- 1qd0xha r-ad9z0x r-bcqeeo r-qvutc0">6,218 Tweets</span></div></div>
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42. <span aria-hidden="true" class="css-901oao css-16my406 r-1re7ezh r-1qd0xha r- ad9z0x r-bcqeeo r-ou255f r-qvutc0"> <span class="css-901oao css-16my406 r-1qd0xha r-ad9z0x r-bcqeeo r-qvutc0"> · </span> </span> .css-901oao { border: 0 solid black; box-sizing: border-box; color: rgba(0,0,0,1.00); display: inline; font: 14px system-ui,-apple- system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans- serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; white-space: pre-wrap; word-wrap: break-word;} .css-16my406 { color: inherit; font: inherit; white-space: inherit; } .r-ou255f { padding-left: 5px; padding-right: 5px; } .r-ad9z0x { line-height: 1.3125; } .r-bcqeeo { min-width: 0px; } .r-qvutc0 { overflow-wrap: break-word; } .r-1qd0xha { font- family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; } .r-1re7ezh { color: rgb(101, 119, 134); }