Skip to content

Flutter Web: Identify any changes in language on a page by using the lang attribute (Accessibility) #162324

Closed
#172034
Closed
Flutter Web: Identify any changes in language on a page by using the lang attribute (Accessibility)#162324
#172034
Assignees
pedromassango
Labels
P2Important issues not at the top of the work lista: accessibilityAccessibility, e.g. VoiceOver or TalkBack. (aka a11y)c: new featureNothing broken; request for a new capabilityc: proposalA detailed proposal for a change to Fluttercustomer: castawayplatform-webWeb applications specificallyteam-webOwned by Web platform teamtriaged-webTriaged by Web platform team

Description

@jcollins-disney
jcollins-disney
opened on Jan 28, 2025

Use case

The lang attribute is used to identify any changes in language on a page to ensure that user agents can correctly present phrases, passages, and in some cases words written in multiple languages.

Proposal

Add the lang attribute to the list of semantics flags on all Flutter component types/widgets. The first two characters of a language code defines the language of the Web page, and the last two characters define the country. For example English and United States are entered as "en-US".

Valid values for language and country codes can be found at ISO 639-1 Language Codes and ISO Country Codes.

Example on a page where <html lang="en-US">:
<div>The weather is perfect today, <span lang="es-MX">¡qué bueno!</span></div>

Activity

  1. darshankawar
    added
    in triagePresently being triaged by the triage team
    c: new featureNothing broken; request for a new capability
    a: accessibilityAccessibility, e.g. VoiceOver or TalkBack. (aka a11y)
    platform-webWeb applications specifically
    c: proposalA detailed proposal for a change to Flutter
    customer: castaway
    team-webOwned by Web platform team
    fyi-accessibilityFor the attention of Framework Accessibility team
    and removed
    in triagePresently being triaged by the triage team
    on Jan 29, 2025

  2. yjbanov commented on Feb 5, 2025

    @yjbanov
    yjbanov
    on Feb 5, 2025
    Contributor

    The Text widget does have a locale field. However, it's not wired up to semantics. We'll need to investigate this.

  3. yjbanov
    added
    P2Important issues not at the top of the work list
    triaged-webTriaged by Web platform team
    on Feb 5, 2025

  4. chunhtai commented on Feb 5, 2025

    @chunhtai
    chunhtai
    on Feb 5, 2025
    Contributor

    TextSpan can provide locale to it, and it will be translate into SemanticsProperties.attributedLabel

  5. chunhtai
    added
    triaged-accessibilityTriaged by Framework Accessibility team
    on Feb 5, 2025
  6. flutter-triage-bot
    removed
    fyi-accessibilityFor the attention of Framework Accessibility team
    triaged-accessibilityTriaged by Framework Accessibility team
    on Feb 5, 2025
  7. pedromassango
    self-assigned this
    on Jul 11, 2025
  8. github-merge-queue
    added a commit that references this issue on Jul 24, 2025

    Fix: Ensure Text widget locale is included in semantics language tag (#…

    5d00045
  9. auto-submit
    closed this as completedin #172034on Jul 24, 2025
  10. flutteractionsbot
    added a commit that references this issue on Jul 24, 2025

    Fix: Ensure Text widget locale is included in semantics language tag (f…

    7217f2b
  11. auto-submit
    added a commit that references this issue on Jul 25, 2025

    [CP-beta]Fix: Ensure Text widget locale is included in semantics lang…

    4a371c9
  12. azatech
    added a commit that references this issue on Jul 28, 2025

    Fix: Ensure Text widget locale is included in semantics language tag (f…

    030b713

  13. github-actions commented on Aug 7, 2025

    @github-actions
    github-actionsbot
    on Aug 7, 2025 – with GitHub Actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

  14. github-actions
    locked as resolved and limited conversation to collaborators on Aug 7, 2025
  15. ksokolovskyi
    added a commit that references this issue on Aug 19, 2025

    Fix: Ensure Text widget locale is included in semantics language tag (f…

    e4f0d4f
  16. mboetger
    added a commit that references this issue on Sep 18, 2025

    Fix: Ensure Text widget locale is included in semantics language tag (f…

    c0ef25d
  17. korca0220
    added a commit that references this issue on Sep 22, 2025

    Fix: Ensure Text widget locale is included in semantics language tag (f…

    1ddd6f3
  18. lucaantonelli
    added a commit that references this issue on Nov 21, 2025

    Fix: Ensure Text widget locale is included in semantics language tag (f…

    6cd6a89
  19. Nakiha
    added a commit that references this issue on Sep 28, 2026

    Fix: Ensure Text widget locale is included in semantics language tag …

    d011048
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

P2Important issues not at the top of the work lista: accessibilityAccessibility, e.g. VoiceOver or TalkBack. (aka a11y)c: new featureNothing broken; request for a new capabilityc: proposalA detailed proposal for a change to Fluttercustomer: castawayplatform-webWeb applications specificallyteam-webOwned by Web platform teamtriaged-webTriaged by Web platform team

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions