![Ss 36932418[1]](https://cdn.slidesharecdn.com/ss_thumbnails/ss-369324181-150216074652-conversion-gate01-thumbnail.jpg?width=560&fit=bounds)
![[SUTD GDSC] Intro to HTML and CSS](https://cdn.slidesharecdn.com/ss_thumbnails/introtohtml-230215093923-21d7cfc6-thumbnail.jpg?width=560&fit=bounds)
More Related Content
Similar to How to make an inaccessible website - CSS Minsk JS (20)
More from Ian Pouncey (7)
Recently uploaded (20)
![DT Presentation[1].pptxeffsffewfwefewfewefefeef](https://cdn.slidesharecdn.com/ss_thumbnails/dtpresentation1-250404175210-289fff92-thumbnail.jpg?width=560&fit=bounds)
How to make an inaccessible website - CSS Minsk JS
- 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>
- 24. <h1 role="presentation"> No heading at all! </h1>
- 25. <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>
- 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>
- 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>
- 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); }