I've specifically been looking into howw chat applications make their list of conversations accessible, and both WhatsApp and Facebook Messenger on the web use role="grid", where I'd expect that role="list" might be more appropriate because it's a list of conversations. I'd expect that this practice is based on how screen readers treat thedse roles, but I'm not completely sure.
Why do some sites use role="grid" for things that look like a list?
138 Views Asked by bigblind At
1
There are 1 best solutions below
Related Questions in HTML
- How to store a date/time in sqlite (or something similar to a date)
- How to use custom font during html to pdf conversion?
- Storing the preferred font-size in localStorage
- mp4 embedded videos within github pages website not loading
- Scrimba tutorial was working, suddenly stopped even trying the default
- Is there any way to glow this bulb image like a real light bulb
- With non-graphical maps in Leaflet, zoomDelta doesn't work
- What can I do to improve my coding on both html and css
- Uncaught TypeError: google.maps.LatLng is not a constructor at init (script.js:7:13)
- Bootstrap modal not showing at the desired position on a web page when the screen size is smaller
- Displaying a Movie List on a Website Using Jinja2 and Bootstrap
- How to redirect to thank you page after submitting a Google form embedded into a Google Site?
- Storing selected language in localStorage
- Fences (parenthesis, braces) in HTML and MathML
- Understanding Scroll Anchoring Behavoir
Related Questions in ACCESSIBILITY
- Why does getRootInActiveWindow() always returns null in Accessibility Event
- Accessibility : Full keyboard access with scroll view in swiftui
- How to create an overlay window over a certain element via AccessibilityService and scroll it too?
- Problem with Delphi android app and talkback
- How can I get the screen reader to read controls that are not tab stops (e.g. static labels)?
- NVDA is not announcing "dialog" when Modal opens
- Accessibility sequence not working with "HorizontalPager" in Android Jetpack Compose
- Android recyclerview - cant able to navigate items using accessibility focus
- Using aria-describedby to reference description that contains more than just text
- What is the correct usage of aria-describedby?
- How to make related checkboxes accessible using wai-aria tags?
- How to close compose dialog in accessibility mode?
- How do I make an "add to list" pattern accessible for assistive technology users?
- Autogenerate link title based on URL/target for accessibility
- typeViewClicked event is not detected when target window is developed by jetpack compose by my accessibilityservice
Related Questions in ARIA-ROLE
- Dynamic, client-side update of drop down choices in Django Admin?
- ANDI not recognizing ARIA role-based table rows
- What is the ARIA role of a div?
- Accessibility issue on Mat-chip-list- aria attributes does not match their roles
- Custom select not working while using talkback
- Are column headers essential in an accessible role="grid" setup?
- Why do some sites use role="grid" for things that look like a list?
- Opening ComboBox in Panel, Windows Narrator announces document title
- Is This Error Reported by Siteimprove on WAI-ARIA Criterion 1.3.1 A False Positive?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
I suspect it's because each item in the list includes more than one bit of data.
The grid role is for a widget that contains one or more rows of cells.
So if each conversation has participants and/or other structured metadata, then the conversation is the "row"; and "participants", "last message time", "unread count", etc. are the cells.