Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

[ui/accessibility] Update web-accessibility.md for Flutter 3.50 WCAG 2.1 AA improvements and fix duplicated sentence

オープン
#13,963 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
65/100
issue の種類
ドキュメント
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
dart, flutter, markdown

調査の方向性

Start with sites/docs/src/content/ui/accessibility/web-accessibility.md and sites/docs/src/content/ui/accessibility/accessibility-testing.md, then verify the Flutter 3.50 behavior against the linked Flutter pull requests. Remove the duplicated sentence, document the listed web accessibility changes, and add the debugShowSemanticsNodes guidance. Done when both pages reflect the requested updates and the documentation checks pass.

索引モデルが issue の本文から書いたものです。

説明

a.rn.release-notes d.enhancement e1-hours fix.typo from.team p2-medium t.a11y target.web
Page URL
Describe the problem

sites/docs/src/content/ui/accessibility/web-accessibility.md and sites/docs/src/content/ui/accessibility/accessibility-testing.md need a copy fix and updates for the Flutter 3.50 Web accessibility (WCAG 2.1 AA) improvements (cc @parlough @sfshaza2):

  1. Duplicated sentence in web-accessibility.md: web-accessibility.md#L49-L50 repeats "to users. For example, a role can indicate if/whether a widget is a button, a link," on two consecutive lines.
  2. Missing Flutter 3.50 Web accessibility & SemanticsRole improvements: web-accessibility.md#L64-L80 and accessibility-testing.md#L103-L115 can be expanded to cover SemanticsRole.slider, multi-view semantics placeholder scoping, browser zoom support, and debugShowSemanticsNodes.
Detailed page breakdown & affected targets (AI-assisted)
Expected fix
1. sites/docs/src/content/ui/accessibility/web-accessibility.md (https://docs.flutter.dev/ui/accessibility/web-accessibility)
  • Fix duplicated line (L49-L51): Remove line 49 (to users. For example, a role can indicate if a widget is a button, a link,) and keep line 50.
  • Expand ### Using SemanticsRole in Flutter for web (L64-L80) and Web Accessibility behavior:
    • SemanticsRole.slider: Slider and RangeSlider automatically assign SemanticsRole.slider (flutter/flutter#193324, flutter/flutter#192964), exposing an accessible <input type="range"> element in the web semantics DOM.
    • Landmark & menu ARIA roles: Named routes with scopesRoute: true and a non-empty namesRoute label emit role="region" landmarks (flutter/flutter#192965).
    • Focus preservation & keyboard navigation: The web engine now preserves DOM focus across semantic role changes using Element.moveBefore (flutter/flutter#192963), restores focus properly when dialogs/modals close in WidgetsApp.router apps (flutter/flutter#192601), and dismisses visible Tooltips when pressing Escape (flutter/flutter#193192).
    • Browser zoom & multi-view scoping: Note that Flutter Web's <meta flt-viewport> supports browser pinch-to-zoom up to maximum-scale=5.0 (flutter/flutter#182047), prevents unintended iOS Safari auto-zoom on text inputs (flutter/flutter#192328), and scopes the Enable accessibility <flt-semantics-placeholder> button inside each <flutter-view> in embedded/multi-view apps (flutter/flutter#190856).
2. sites/docs/src/content/ui/accessibility/accessibility-testing.md (https://docs.flutter.dev/ui/accessibility/accessibility-testing)
  • Under ## Testing accessibility on the web (L103-L115), mention that developers can also enable semantic node visualization at runtime in flutter_bootstrap.js via debugShowSemanticsNodes: true in _flutter.loader.load({ config: { debugShowSemanticsNodes: true } }) (linking to /platform-integration/web/initialization).
主要言語
Dart
スター
3.1k
フォーク
3.5k
平均マージ
2日 1時間
マージ済み PR(30日)
51

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

flutter/website のほかの issue

flutter/website の issue をすべて見る

似ている issue

Dart の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。