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.

Sign up for GitHub

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

Jump to bottom

Kontrast für Texte/Aktionen erhöhen #716

Closed
darenegade opened this issue Sep 19, 2023 · 2 comments · Fixed by #1070
Closed

Kontrast für Texte/Aktionen erhöhen #716

darenegade opened this issue Sep 19, 2023 · 2 comments · Fixed by #1070
Assignees
@StephanStrehlerCGI
Labels
digiwf-apps enhancement New feature or request internal

Comments

@darenegade
Copy link
Member

darenegade commented Sep 19, 2023 •
edited
Loading

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

Texte und Aktionen sollten auch für Personen mit Seheinschränkungen lesbar sein. Um das zu erfüllen sollten alle Texte (z.B. "Aktualisieren" Aktion in Listen) einen Kontrast von 4,5:1 aufweisen.

Describe the solution you'd like

  • Schlechten Kontrast bei: Aktualisieren, Aktions-button, Tabs

  • Buttons in Form Auswahl mit Tastatur nicht sichtbar

  • High-Kontrast Modus einführen

    • Theming mit Vuetify einführen
    • Gleiche Farben, wie normal, nur im hohen Kontrast
    • Auswahl über Avatar Menü

  • Überall Kontrast nochmal überprüfen und ggfs. CSS anpassen

Additional context
https://git.muenchen.de/digitalisierung/digiwf-support/-/issues/370

https://webaim.org/resources/contrastchecker/
@darenegade
Copy link
Member Author

Hier ein Paradebeispiel für Barrierefreiheit: https://wohnungsboerse.muenchen.de/

Das mit den Settings könnten wir für uns auch übernehmen

@darenegade darenegade mentioned this issue Sep 22, 2023
Closed
@darenegade
Copy link
Member Author

Hey team! Please add your planning poker estimate with Zenhub @darenegade @lmoesle @simonhir @StephanStrehlerCGI

@StephanStrehlerCGI StephanStrehlerCGI self-assigned this Oct 13, 2023
StephanStrehlerCGI added a commit that referenced this issue Oct 18, 2023
@StephanStrehlerCGI
#716: add set increase contrast logic in app
3516f0e
StephanStrehlerCGI added a commit that referenced this issue Oct 20, 2023
@StephanStrehlerCGI
#716: add custom button for high contrast
b24c28a
StephanStrehlerCGI added a commit that referenced this issue Oct 23, 2023
@StephanStrehlerCGI
#716: increase opacity of submit form button when state hover or focus
69ef573
StephanStrehlerCGI added a commit that referenced this issue Oct 23, 2023
@StephanStrehlerCGI
#716: increase opacity of submit form button when state hover or focus
a9c033d
@StephanStrehlerCGI StephanStrehlerCGI mentioned this issue Oct 23, 2023
Merged
2 tasks
StephanStrehlerCGI added a commit that referenced this issue Oct 26, 2023
@StephanStrehlerCGI
#716: MR feedback
a043a85
StephanStrehlerCGI added a commit that referenced this issue Oct 30, 2023
@StephanStrehlerCGI
Merge branch 'dev' into feature/#716-increase-contrast
9cd2cd3 
# Conflicts:
#	digiwf-apps/packages/apps/digiwf-tasklist/package-lock.json
#	digiwf-apps/packages/apps/digiwf-tasklist/package.json
StephanStrehlerCGI added a commit that referenced this issue Oct 30, 2023
@StephanStrehlerCGI
#716 update package-lock.json jsons
5de0180
StephanStrehlerCGI added a commit that referenced this issue Nov 3, 2023
@StephanStrehlerCGI
Merge branch 'dev' into feature/#716-increase-contrast
f0dae7e
StephanStrehlerCGI added a commit that referenced this issue Nov 3, 2023
@StephanStrehlerCGI
Feature/#716 increase contrast (#863)
73acd17 
* #716: add set increase contrast logic in app

* #716: add custom button for high contrast

* #716: increase opacity of submit form button when state hover or focus

* #716: increase opacity of submit form button when state hover or focus

* #716: MR feedback

* #716 update package-lock.json jsons
StephanStrehlerCGI added a commit that referenced this issue Dec 1, 2023
@StephanStrehlerCGI
#716: set primary color to black if high contrast mode is enabled
73fa862
@StephanStrehlerCGI StephanStrehlerCGI mentioned this issue Dec 1, 2023
Merged
8 tasks
StephanStrehlerCGI added a commit that referenced this issue Dec 6, 2023
@StephanStrehlerCGI
Merge branch 'dev' into feature/#716-high-contrast-change-color-of-bu…
f6c3f21 
…ttons
StephanStrehlerCGI added a commit that referenced this issue Dec 6, 2023
@StephanStrehlerCGI
#716: set primary color to black if high contrast mode is enabled (#1070
afa5786 
)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@StephanStrehlerCGI StephanStrehlerCGI

Labels
digiwf-apps enhancement New feature or request internal
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

#716: set primary color to black if high contrast mode is enabled it-at-m/digiwf-core
2 participants
@darenegade @StephanStrehlerCGI