Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility Nachbesserungen #1699

Closed
1 task
darenegade opened this issue May 21, 2024 · 2 comments
Closed
1 task

Accessibility Nachbesserungen #1699

darenegade opened this issue May 21, 2024 · 2 comments
Assignees
Labels
enhancement New feature or request

Comments

@darenegade
Copy link
Member

darenegade commented May 21, 2024

Is your feature request related to a problem? Please describe.

Teilweise fehlen noch Aria-Labels an Buttons usw.

Describe the solution you'd like

  • Alle Buttons sollten Aria-Labels haben, auch Objekte und Listen
  • Im Screenreader sollten keine Hinweise "Unbekannter Fenstertyp" auftauchen
  • Best Practices für die Verwendung von Links in Mark Down Feldern für den Screen Reader erarbeiten und in Doku aufnehmen
    • Wenn Best Practice nicht möglich: Links in Markdown per renderer Funktion um Aria-Label erweitern (wenn möglich und mit vertretbarem Aufwand)

Describe alternatives you've considered

Acceptance Criteria

  • All Inputs Example hat vollständige Aria-Labels an allen Aktionen

Additional context

Digiwf_reiseantrag_Accessibility.docx

  • Punkt 1 muss noch geklärt werden (funktioniert evtl. schon)

https://app.zenhub.com/workspaces/digiwf-621f70bf50ea1100120b7e93/issues/gh/it-at-m/digiwf-core/715

@darenegade darenegade added the enhancement New feature or request label May 21, 2024
@lehju lehju self-assigned this May 27, 2024
lehju added a commit that referenced this issue Jun 21, 2024
lehju added a commit that referenced this issue Jun 21, 2024
lehju added a commit that referenced this issue Jun 21, 2024
lehju added a commit that referenced this issue Jun 21, 2024
lehju added a commit that referenced this issue Jun 24, 2024
lehju added a commit that referenced this issue Jun 24, 2024
lehju added a commit that referenced this issue Jun 25, 2024
lehju added a commit that referenced this issue Jun 25, 2024
lehju added a commit that referenced this issue Jun 25, 2024
lehju added a commit that referenced this issue Jun 26, 2024
@lehju
Copy link
Contributor

lehju commented Jun 26, 2024

Weitere Anpassungen:

  • Alle Formluarfelder werden mit der Tabulatortaste angesprungen und vorgelesen, auch wenn sie auf readonly gesetzt sind.
  • Alle Überschriften und Texte werden mit der Tabulatorataste angesprungen und vorglesen.
  • Beim Formularfeld Liste wird das Label, die einzelnen Einträge und der jeweilige Löschen-Button angesprungen und vorgelesen.
  • Beim Formularfeld Dynamische Liste wird das Label angesprungen und vorglesen, zudem werden alle Aktions-Button eines Objektes in einer Reihe angezeigt anstatt teilweise über ein Dropdown.

Bekanntes Problem:

Mit NVDA wird nicht jedes Formularfeld als schreibgeschützt vorgelesen, das auf readonly gesetzt ist. Im HTML Code ist jedoch erkennbar, dass aria-readonly auf truegesetzt ist.

@darenegade
Copy link
Member Author

Mit NVDA wird nicht jedes Formularfeld als schreibgeschützt vorgelesen, das auf readonly gesetzt ist. Im HTML Code ist jedoch erkennbar, dass aria-readonly auf truegesetzt ist.

Vielleicht ist der JAWS, der prod. als Screenreader verwendet wird, hier besser.

lehju added a commit that referenced this issue Jun 27, 2024
lehju added a commit that referenced this issue Jun 27, 2024
…sserungen

# Conflicts:
#	digiwf-apps/packages/apps/digiwf-forms-example/package.json
#	digiwf-apps/packages/apps/digiwf-tasklist/package-lock.json
#	digiwf-apps/packages/apps/digiwf-tasklist/package.json
lehju added a commit that referenced this issue Jun 27, 2024
* #1699: delet prepend icon in multi file input for screenreader

* #1699: extend all input fields process

* #1699: fix all input fields process

* #1699: change disabled to readonly

* #1699: add aria-readonly

* #1699: add aria-readonly to multi user input

* #1699: increase vjsf version

* #1699: add tabindex to process name and task name

* #1699: change import

* #1699: increase vjsf

* #1699: adjust package-lock.json

* #1699: add markdown link tip

* #1699: adjust markdown link tip

* Update digiwf-apps/packages/apps/digiwf-tasklist/src/components/schema/VMultiUserInput.vue

* #1699: mr feedback
@lehju lehju mentioned this issue Jul 1, 2024
7 tasks
@lehju lehju mentioned this issue Jul 12, 2024
1 task
@lehju lehju closed this as completed Jul 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants