[Samples] Update restaurant sample to read more naturally for a11y #4762
Conversation
paulcam206
requested review from
RebeccaAnne,
matthidinger,
almedina-ms and
golddove
and removed request for
RebeccaAnne
paulcam206
added
Area-Accessibility
| "priceRange": "mid-priced" |
There was a problem hiding this comment.
I wonder how they make google maps accessible, I've seen the $ or $$$ model work before
There was a problem hiding this comment.
Well, we would need to add some mechanism for authors to specify alternative text.
Could potentially be solved if/when we figure out tooltips on all elements? Not sure.
There was a problem hiding this comment.
Yeah, i agree. We should probably have something tracking figuring out alt-text on Text elements for this kind of scenario.
In reply to: 485986018 [](ancestors = 485986018)
| @@ -23,13 +23,13 @@ | |||
| }, | |||
| { | |||
| "type": "TextBlock", | |||
| "text": "4.5 ★★★★★ (176) · $$", | |||
| "text": "4.5 stars (176 reviews) · mid-priced", | |||
There was a problem hiding this comment.
It would be nice to investigate if we can extend the extensibility to be able to deal with this kind of scenarios
https://stackoverflow.com/questions/55966205/star-rating-component-what-are-the-correct-accessibility-and-semantics-to-be-u
There was a problem hiding this comment.
filed #4764 to track :)
Related Issue
Fixes VSO 23712499
Description
The use of symbols rather than text leads to a suboptimal story for accessibility. Here we move to a more text-based model for the restaurant sample cards.
How Verified
Microsoft Reviewers: Open in CodeFlow