From d9fb715cc731e6c5ca632a32b0c742871fa4eafc Mon Sep 17 00:00:00 2001 From: Sascha Metz Date: Tue, 28 May 2019 21:17:29 +0200 Subject: [PATCH 01/42] Translating docs/accesibility {#why-accesibilty} --- content/docs/accessibility.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/content/docs/accessibility.md b/content/docs/accessibility.md index 11668c0c3..5e8444616 100644 --- a/content/docs/accessibility.md +++ b/content/docs/accessibility.md @@ -1,14 +1,14 @@ --- id: accessibility -title: Accessibility +title: Barrierefreiheit permalink: docs/accessibility.html --- -## Why Accessibility? {#why-accessibility} +## Warum Barrierefreiheit? {#why-accessibility} -Web accessibility (also referred to as [**a11y**](https://en.wiktionary.org/wiki/a11y)) is the design and creation of websites that can be used by everyone. Accessibility support is necessary to allow assistive technology to interpret web pages. +Barrierefreiheit im Web (Auch bekannt unter dem Begriff [**a11y**](https://en.wiktionary.org/wiki/a11y)) beschreibt Design und Umsetzung von Websites welche ausnahmlos von Jedem genutzt werden können. Barriefreiheit ist notwendig um Assistenzprogrammen das Interpretieren von Websites zu ermöglichen. -React fully supports building accessible websites, often by using standard HTML techniques. +React unterstützt das Erstellen von barrierefreien Websites in vollem Außmaß, unter Anderem durch die Nutzung von Standard-HTML-Technologien. ## Standards and Guidelines {#standards-and-guidelines} From fadafc2436183675f4eb53e2f66e2844c4768891 Mon Sep 17 00:00:00 2001 From: Sascha Metz Date: Mon, 3 Jun 2019 16:05:14 +0200 Subject: [PATCH 02/42] Translate standards-and-guidelines/WCAG --- content/docs/accessibility.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/docs/accessibility.md b/content/docs/accessibility.md index 5e8444616..bffedb246 100644 --- a/content/docs/accessibility.md +++ b/content/docs/accessibility.md @@ -10,13 +10,13 @@ Barrierefreiheit im Web (Auch bekannt unter dem Begriff [**a11y**](https://en.wi React unterstützt das Erstellen von barrierefreien Websites in vollem Außmaß, unter Anderem durch die Nutzung von Standard-HTML-Technologien. -## Standards and Guidelines {#standards-and-guidelines} +## Standards und Anleitungen {#standards-and-guidelines} ### WCAG {#wcag} -The [Web Content Accessibility Guidelines](https://www.w3.org/WAI/intro/wcag) provides guidelines for creating accessible web sites. +Die [Web Content Accessibility Guidelines](https://www.w3.org/WAI/intro/wcag) enthalten Anleitungen um barrierefreie Websites zu erstellen. -The following WCAG checklists provide an overview: +Die folgenden WCAG-Checklisten geben einen kurzen Überblick: - [WCAG checklist from Wuhcag](https://www.wuhcag.com/wcag-checklist/) - [WCAG checklist from WebAIM](https://webaim.org/standards/wcag/checklist) From 59495e7b1e9b9b31b6252deb2321f0d010576dc0 Mon Sep 17 00:00:00 2001 From: Sascha Metz Date: Tue, 4 Jun 2019 16:51:57 +0200 Subject: [PATCH 03/42] translating #wai-aria --- content/docs/accessibility.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/content/docs/accessibility.md b/content/docs/accessibility.md index bffedb246..849c3fcb4 100644 --- a/content/docs/accessibility.md +++ b/content/docs/accessibility.md @@ -18,15 +18,15 @@ Die [Web Content Accessibility Guidelines](https://www.w3.org/WAI/intro/wcag) en Die folgenden WCAG-Checklisten geben einen kurzen Überblick: -- [WCAG checklist from Wuhcag](https://www.wuhcag.com/wcag-checklist/) -- [WCAG checklist from WebAIM](https://webaim.org/standards/wcag/checklist) -- [Checklist from The A11Y Project](https://a11yproject.com/checklist.html) +- [WCAG checklist von Wuhcag](https://www.wuhcag.com/wcag-checklist/) +- [WCAG checklist von WebAIM](https://webaim.org/standards/wcag/checklist) +- [Checklist von dem A11Y Project](https://a11yproject.com/checklist.html) ### WAI-ARIA {#wai-aria} -The [Web Accessibility Initiative - Accessible Rich Internet Applications](https://www.w3.org/WAI/intro/aria) document contains techniques for building fully accessible JavaScript widgets. +Das [Web Accessibility Initiative - Accessible Rich Internet Applications](https://www.w3.org/WAI/intro/aria) Dokument zeigt Techniken für das Entwickeln vollkommen barrierefreier JavaScript Widgets. -Note that all `aria-*` HTML attributes are fully supported in JSX. Whereas most DOM properties and attributes in React are camelCased, these attributes should be hyphen-cased (also known as kebab-case, lisp-case, etc) as they are in plain HTML: +Es gilt dass alle `aria-*` HTML-Attribute in JSX komplett unterstützt werden. Während die meisten DOM-Eigenschaften und Attribute in React in camelCase umgesetzt werden, sollten diese Attribute hyphen-cased (auch bekannt als kebab-case, lisp-case, usw.) sein, so wie man es auch bei normalem HTML tun würde: ```javascript{3,4} Date: Wed, 5 Jun 2019 15:40:16 +0200 Subject: [PATCH 04/42] Translating #semantic-html --- content/docs/accessibility.md | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/content/docs/accessibility.md b/content/docs/accessibility.md index 849c3fcb4..38ec0aff6 100644 --- a/content/docs/accessibility.md +++ b/content/docs/accessibility.md @@ -40,15 +40,14 @@ Es gilt dass alle `aria-*` HTML-Attribute in JSX komplett unterstützt werden. W ``` ## Semantic HTML {#semantic-html} -Semantic HTML is the foundation of accessibility in a web application. Using the various HTML elements to reinforce the meaning of information -in our websites will often give us accessibility for free. +Semantisches HTML ist das Fundament der Barrierefreiheit einer Webanwendung. Das Nutzen der verschiedenen HTML-Elemente welche die Bedeutung einer Information betonen bringt dir oftmals Barrierefreiheit ohne extra Aufwand. - [MDN HTML elements reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Element) -Sometimes we break HTML semantics when we add `
` elements to our JSX to make our React code work, especially when working with lists (`
    `, `
      ` and `
      `) and the HTML ``. -In these cases we should rather use [React Fragments](/docs/fragments.html) to group together multiple elements. +Manchmal wird die Bedeutung verschiedener HTML Elemente verfälscht indem ein `
      ` Element um das JSX hinzugefügt wird um den Reactcode zum laufen zu bringen, besonders häufig beim Arbeiten mit Listen (`
        `, `
          ` und `
          `) und der HTML `
      `. +Hier sollten besser [React Fragments](/docs/fragments.html) genutzt werden um mehrere Elemente in einer Gruppe zusammenzufassen. -For example, +Zum Beispiel, ```javascript{1,5,8} import React, { Fragment } from 'react'; @@ -73,7 +72,7 @@ function Glossary(props) { } ``` -You can map a collection of items to an array of fragments as you would any other type of element as well: +Es ist auch möglich mehrere Fragmente in einem Array vai der `map` Funktion zusammenzufassen, genauso wie du es bei anderen Element auch tun würdest: ```javascript{6,9} function Glossary(props) { @@ -91,7 +90,7 @@ function Glossary(props) { } ``` -When you don't need any props on the Fragment tag you can use the [short syntax](/docs/fragments.html#short-syntax), if your tooling supports it: +Solltest du keine props für einen Fragment-Tag brauchen kannst du die folgende [short syntax](/docs/fragments.html#short-syntax) nutzen, sofern JS-Tooling Diese unterstützt: ```javascript{3,6} function ListItem({ item }) { @@ -104,7 +103,7 @@ function ListItem({ item }) { } ``` -For more info, see [the Fragments documentation](/docs/fragments.html). +Weitere Infos findest in der [Dokumentation über Fragments](/docs/fragments.html). ## Accessible Forms {#accessible-forms} From 1041a8820c3b77e41f66cbc0b3ef8290659ff886 Mon Sep 17 00:00:00 2001 From: Sascha Metz Date: Thu, 6 Jun 2019 11:48:47 +0200 Subject: [PATCH 05/42] translate #labeling --- content/docs/accessibility.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/content/docs/accessibility.md b/content/docs/accessibility.md index 38ec0aff6..21731dd5b 100644 --- a/content/docs/accessibility.md +++ b/content/docs/accessibility.md @@ -108,15 +108,15 @@ Weitere Infos findest in der [Dokumentation über Fragments](/docs/fragments.htm ## Accessible Forms {#accessible-forms} ### Labeling {#labeling} -Every HTML form control, such as `` and `