a11yTO Conf: CSS Display Properties versus HTML Semantics
October 21, 2020; 0 Comments
If you attended my pre-recorded remote CSUN 2020 talk, then this talk will be familiar. I updated with the latest browsers, since February was six Chrome and nine Firefox versions ago.
This talk was also only fifteen minutes, so I cut the videos and some other materials. Go check the original slides if you need that context.
Or visit them directly at SlideShare: a11yTO CONF 2020: CSS Display Properties v. HTML Semantics
Tables
There were a few slides of tables showing browser and screen reader support. The structure is lost in the SlideShare embed, so I have re-created them here.
This time I am linking the test cases so you can try them yourself:
- <table>, etc.
- <ul>, <ol>, <dl>
- <h#>
- <button>
Chrome 86 / Windows 10
CSS
<table>, etc.
<ul>, <ol>, <dl>
<h#>
<button>
display: flex
✔
✔
✔
✔
display: grid
✔
✔
✔
✔
display: block
✔
✔
✔
✔
display: inline-block
✔
✔
✔
✔
display: contents
✔
❌
✔
✔
Slide 13
Firefox 82 / Windows 10
CSS
<table>, etc.
<ul>, <ol>, <dl>
<h#>
<button>
display: flex
❌1
✔
✔
✔
display: grid
❌1
✔
✔
✔
display: block
✔
✔
✔
✔
[...]