datalist: Add a accessibility concerns section (#27931)

* feat: Add a accessibility concerns section * fix: revise formatting * fix: revise formatti ng * fix: I finally fixed the formatting i ssue * fix: revise formatting * fix: removed vscode settings * feat: add Estelle's section Co-authored-by: Estelle Weyl <[email protected]> * Delete settings.json * Add the heading back --------- Co-authored-by: Estelle Weyl <[email protected]> Co-authored-by: Joshua Chen <[email protected]>
mdn · Jul 17, 2023 · c8b62fc · c8b62fc
1 parent 856b52f
commit c8b62fc
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/files/en-us/web/html/element/datalist/index.md b/files/en-us/web/html/element/datalist/index.md
@@ -168,6 +168,14 @@ The specification allows linking `<datalist>` with a {{HTMLElement("input/passwo
   </tbody>
 </table>
 
+## Accessibility concerns
+
+When deciding to use the `<datalist>` element, here are some accessibility issues to be mindful of:
+
+- The font size of the data list's options does not zoom, always remaining the same size. The contents of the autosuggest do not grow or shrink when the rest of the contents are zoomed in or out.
+- As targeting the list of options with CSS is very limited to non-existent, rendering can not be styled for high-contrast mode.
+- Some screen reader/browser combinations, including NVDA and Firefox, do not announce the contents of the autosuggest popup.
+
 ## Specifications
 
 {{Specifications}}