Ältere Patienten, Menschen mit Sehbehinderungen, Screenreader-Nutzer oder Personen, die die Website per Tastatur bedienen, können die Website einer Klinik besuchen. Barrierefreiheit ist daher keine bloße technische Formalität, sondern ein Teil der Usability und des Vertrauens.
Bei einer medizinischen Website machen korrekte Formulare, Feldbezeichnungen, angekündigte Fehlermeldungen, Tastaturbedienung, klare Navigation, korrekt beschriebene Schaltflächen und Modalfenster, die sich sicher öffnen und schließen lassen, absolut Sinn.
Labels, Fehlermeldungen, Validierung, aria-live, Pflichtfelder und klare Anweisungen für Patienten.
aria-label, aria-controls, aria-expanded, aria-haspopup, role dialog oder Benachrichtigung über dynamische Änderungen.
Navigation, Schaltflächen, Links, Modalfenster und Formulare müssen auch ohne Maus Sinn ergeben.
Kontrast ist die Basis. Ein Webentwickler muss sich jedoch vor allem mit Struktur, Bedienung, Beschriftungen und Usability befassen.
TIPP
Wussten Sie, dass ein Screenreader eine in Echtzeit angezeigte Fehlermeldung in einem Formular möglicherweise nicht automatisch ankündigt? Daher wird für solche dynamischen Meldungen beispielsweise aria-live="polite" oder role="alert" verwendet. Ohne dies erfährt ein blinder Nutzer unter Umständen gar nicht, warum das Formular nicht abgesendet werden kann.
Das Kontrastverhältnis ist eine wichtige Grundlage und wird oft schon im Grafikdesign berücksichtigt. Ein Webentwickler sollte sich jedoch vor allem darauf konzentrieren, ob die Website technisch funktioniert: ob sie per Tastatur bedienbar ist, ob Formulare für Screenreader verständlich sind, ob Schaltflächen Beschriftungen haben und ob sich der Nutzer nicht in einem Modalfenster oder der Navigation verliert.
Gibt einem Element eine Textbeschriftung, wenn es keinen sichtbaren Text hat. Typischerweise ein Icon-Button für ein Menü, das Schließen eines Fensters oder die Suche. Eine Alternative ist Text mit der Klasse sr-only.
Gibt an, welches Element die Schaltfläche steuert. Wird z. B. bei Dropdown-Navigationen, Akkordeons oder Inhaltsumschaltern verwendet.
Gibt an, ob der gesteuerte Inhalt gerade geöffnet oder geschlossen ist. Typischerweise Menü, Dropdown oder FAQ-Akkordeon.
Weist darauf hin, dass die Schaltfläche eine weitere Ebene der Benutzeroberfläche öffnet, z. B. ein Menü, einen Dialog oder eine Optionsauswahl.
Wird für Inhalte verwendet, die sich auf der Seite ändern, ohne dass die Seite neu geladen wird. Eignet sich für Formular-Fehlermeldungen, Bestätigungen oder Statusmeldungen.
Wird für wichtige Meldungen verwendet, die dem Nutzer angekündigt werden sollen. Dies ist eine stärkere Art der Benachrichtigung als eine normale Polite-Meldung.
Illustrationsbild erstellt mit KI.
Bei Kliniken und Praxen ist das Formular oft die Hauptaktion auf der Website. Der Patient sendet darüber eine Bestellung, eine Anfrage, die Art der Beschwerden oder eine Terminanfrage. Daher muss das Formular klar, lesbar, korrekt beschrieben und auch per Tastatur oder Screenreader bedienbar sein.
Es reicht nicht aus, dass das Formular visuell gut aussieht. Wichtig ist, dass es korrekt verknüpfte Labels, verständliche Fehler, klare Focus-Zustände, sinnvolle Beschreibungen und korrekt angekündigte dynamische Meldungen hat.
Die größten Probleme sind oft nicht auf den ersten Blick sichtbar. Eine Website mag modern aussehen, aber wenn sie sich nicht per Tastatur bedienen lässt, Beschriftungen fehlen oder das Formular keine Fehler ankündigt, ist sie für einen Teil der Patienten praktisch unbrauchbar.
Eine Schaltfläche mit einem Icon für Menü oder Fenster schließen muss eine Textbeschreibung über aria-label oder versteckten Text haben.
Ein Dropdown-Menü muss auch per Tastatur Sinn ergeben und idealerweise aria-expanded und aria-controls verwenden.
Wenn sich ein Modalfenster öffnet, sollte sich der Nutzer per Tastatur hauptsächlich darin bewegen. Die Schließen-Schaltfläche muss klar beschrieben sein und nach dem Schließen sollte der Nutzer zu dem Element zurückkehren, mit dem er das Modal geöffnet hat.
Wenn ein Fehler erst nach dem Ausfüllen auftritt, muss er eindeutig dem jeweiligen Feld zugeordnet und auch assistiven Technologien mitgeteilt werden.
Bei der Tastaturbedienung muss sichtbar sein, auf welchem Link, welcher Schaltfläche oder welchem Feld sich der Nutzer gerade befindet.
Menüs, Links, aktive Elemente und Umschalter müssen eine klare Struktur haben und dürfen nicht nur von einem visuellen Effekt abhängen.
Die Website einer Klinik kann von älteren Patienten, Menschen mit Sehbehinderungen, Personen, die die Website per Tastatur bedienen, oder Screenreader-Nutzern verwendet werden. Barrierefreiheit hilft ihnen, sich auf der Website zurechtzufinden und ein Formular abzusenden.
Ein barrierefreies Formular verfügt über korrekt verknüpfte Labels, verständliche Fehler, lesbare Beschreibungen, Tastaturbedienung und Fehlermeldungen, die auch Screenreader-Nutzern angekündigt werden.
ARIA-Attribute helfen dabei, interaktive Elemente zu beschreiben, die allein aus dem HTML nicht ausreichend verständlich sind. Typischerweise handelt es sich um Icon-Schaltflächen, Menüs, Modalfenster oder dynamische Fehlermeldungen.
Ja. Der Nutzer muss in der Lage sein, die Navigation, Formulare, Schaltflächen, Modalfenster und andere interaktive Teile der Website ohne Verwendung einer Maus zu durchlaufen.
Nein. Der Kontrast ist eine wichtige Grundlage, aber Barrierefreiheit umfasst auch die HTML-Struktur, Formulare, Beschriftungen, Fehlermeldungen, Tastaturbedienung, ARIA-Attribute und eine verständliche Navigation.
Wenn eine Schaltfläche keinen sichtbaren Text hat, muss sie eine verständliche Textbeschriftung haben. Dies kann ein aria-label oder ein versteckter Text sein, z. B. über die Klasse sr-only.
Der Screenreader-Nutzer erfährt möglicherweise nicht, dass im Formular ein Fehler aufgetreten ist. Daher wird bei dynamischen Meldungen z. B. aria-live oder role="alert" verwendet.
Schreiben Sie mir, mit welcher Website oder welchen Formularen Sie sich befassen. Ich werde mir die Bedienung, Formulare, ARIA-Attribute, Modalfenster, Tastatur, Fehlermeldungen und andere Teile ansehen, die die Usability für Patienten beeinflussen.
Schreiben Sie mir, welche Website oder Anwendung Sie erstellen lassen möchten.
Bevor Sie mit einer Website starten, ist es sinnvoll, Klarheit über Unterlagen, WordPress, Cookies und Tracking zu haben.
Beispiele echter Bewertungen, die Kunden auf meinem Google-Profil hinterlassen haben.
Zu den Bewertungen★ ★ ★ ★ ★„Člověk, který své práci a rozumí a ví co dělá. Velmi rychlá komunikace a profesionální přístup. Doporučuji.“
★ ★ ★ ★ ★„Skvělá spolupráce, při dalších projektech určitě nebudu shánět někoho jiného.“
★ ★ ★ ★ ★„S panem Vančurou jsem spolupracovala na tvorbě mých webových stránek a jsem maximálně spokojená. Oceňuji profesionální přístup, rychlou komunikaci a schopnost přesně pochopit moje představy. Web je moderní, přehledný, funkční a skvěle vypadá i na mobilu. Celý proces proběhl hladce, s jasným vysvětlením jednotlivých kroků a výborným výsledkem. Určitě doporučuji každému, kdo hledá spolehlivý a kvalitní přístup.“
★ ★ ★ ★ ★„Spolupráce při tvorbě konfigurátoru proběhla naprosto bez problémů. Oceňuji profesionální přístup, rychlou komunikaci a schopnost pochopit specifický projekt od A do Z. Konfigurátor je přehledný, funkční a přesně odpovídá mým požadavkům. Rozhodně doporučuji.“
★ ★ ★ ★ ★„Velmi dobrá a rychlá spolupráce. Doporučuji!“
★ ★ ★ ★ ★„Přesně takto si představujeme profesionální práci. Dekujeme“
★ ★ ★ ★ ★„Ať už se jedná o optimalizaci webu, nebo tvorbu na míru oceňuji kromě profesionální práce a znalostí problematiky také férový přístup a komunikaci.“
★ ★ ★ ★ ★„Děkuji za profesionální spolupráci, vše dle domluvy, naprostá spokojenost a mohu jen vřele doporučit.... Při dalších projektech určitě opět využiji Vašich služeb“
★ ★ ★ ★ ★„Profesionalita a velká ochota, nemohu jinak než doporučit“
★ ★ ★ ★ ★„Skvělá zkušenost při tvorbě webu, profesionální přístup, rychlost, ochota pomoci“
★ ★ ★ ★ ★„Rychlá spolupráce a komunikace – mohu jen doporučit.“
★ ★ ★ ★ ★„Moc mi pomohl, když jsem potřebovala pomoc s webem. A bylo to gratis :)). Jsem mu neskonale vděčná.“
★ ★ ★ ★ ★„Děkuji Jiřímu za rychlou a kvalitní spolupráci na tvorbě webu. Srozumitelná a ochotná komunikace mě vždycky potěší a přináší důvěru.“
★ ★ ★ ★ ★„Jsem maximálně spokojená. Rychlost, ochota a cenově dostupné. Děkuji“
★ ★ ★ ★ ★„Naprostá spokojenost. Rychlá komunikace, skvělá cena a odborná pomoc. Moc děkuji :)“
★ ★ ★ ★ ★„Velká spokojenost, rychlost a p. Vančura moc dobře ví co dělá. :)“
★ ★ ★ ★ ★„dobrá práce, rychlá odezva“
★ ★ ★ ★ ★„S programátory mám zkušeností hodně, ale tady musím opravdu pochválit. Pro mě a mé přátele vytvořil skvělý nástroj na evidenci sbírek a opravdu se to povedlo. Bylo to hotové rychle, kvalitně a za skvělou cenu. Komunikace funguje velmi rychle, což je super a ne úplně standard. Díky za super práci, za mě 100% spokojenost!“
★ ★ ★ ★ ★„Vše bylo rychlé a hlavně to funguje. Dobrá práce.“
★ ★ ★ ★ ★„Normálně recenze nepíši, ale zde rád doporučím kvalitní práci. Jiří pro mě vytvořil web pro dětské tábory. Kvalitní práce, rychlá komunikace a vlastní nápady, které Jiří sám přidá, jsou na velice vysoké úrovni. Nemohu hodnotit jinak než 5/5.“
★ ★ ★ ★ ★„Pan Jiri nam delal jiz 3 webove stranky a vzdy velka spokojenost, je mega rychly a vse hned kladne vyridi, mohu pouze doporucit. Poradi si bez problemu i s rezervacnimi kalendaremi, udrzbou socialnich siti, atd.“
