From 9f36ac951335355adc70bbd1c407adeb62afdf2f Mon Sep 17 00:00:00 2001 From: Aziza Ismayilova Date: Sat, 9 Feb 2019 18:35:59 +0400 Subject: [PATCH 1/5] Translate parts of accessibility page --- content/docs/accessibility.md | 128 +++++++++++++++++----------------- 1 file changed, 64 insertions(+), 64 deletions(-) diff --git a/content/docs/accessibility.md b/content/docs/accessibility.md index 663251a03..7e28eea6f 100644 --- a/content/docs/accessibility.md +++ b/content/docs/accessibility.md @@ -1,32 +1,32 @@ --- id: accessibility -title: Accessibility +title: İmkanlılıq permalink: docs/accessibility.html --- -## Why Accessibility? {#why-accessibility} +## Niyə İmkanlılıq? -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. +Veb imkanlılığı ( və ya [**a11y**](https://en.wiktionary.org/wiki/a11y)) hər kəs tərəfindən istifadə oluna biləcək dizayn edilmiş sayt adlandırılır. İmkanlılıq dəstəyi köməkçi texnologiyaların interperasiyası üçün vacib amildir. -React fully supports building accessible websites, often by using standard HTML techniques. +React daha çox standart HTML metodlarının istifadə etməklə hər kəs üçün imkanlı veb sayt yaratmağı dəstəkləyir. -## Standards and Guidelines {#standards-and-guidelines} +## Normativlər və Təlimatlar -### WCAG {#wcag} +### VKİT -The [Web Content Accessibility Guidelines](https://www.w3.org/WAI/intro/wcag) provides guidelines for creating accessible web sites. +[Veb Kontent İmkanlılıq Təlimatları](https://www.w3.org/WAI/intro/wcag) əsasında siz əlilliyi olan şəxslərin istifadə edəcəyi veb site hazırlaya bilərsiniz. -The following WCAG checklists provide an overview: +Aşağıdakı siyahı VKİT The following WCAG checklists provide an overview: - [WCAG checklist from Wuhcag](https://www.wuhcag.com/wcag-checklist/) - [WCAG checklist from WebAIM](http://webaim.org/standards/wcag/checklist) - [Checklist from The A11Y Project](http://a11yproject.com/checklist.html) -### WAI-ARIA {#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. +[Veb İmkaqnlılığı Təşəbbüsü - İmkanlı Zəngin İnternet Applikasiyaları](https://www.w3.org/WAI/intro/aria) sənədinə tamamilə imkanlı JavaScript vicetlərini yaratmaq üçün metodlar daxildir. -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: +Qeyd etmək lazımdır ki, bütün `aria-*` HTML atributları JSX-də dəstəklənir. React-da əksər DOM paramertlərinin və atributlarının cameCased olmasına baxmayaraq, bu atributlar mütləq şəkildə sadə HTML-ə daxil olduqda hyphen-cased (həmçinin kebab-cased, lisp-cased, və s. kimi tanınır) olmalıdırlar. ```javascript{3,4} ``` -## 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. +## Semantik HTML +Veb applikasiyasında imkanlılıq ideyasının əsasını Semantik HTML təşkil edir. Veb səhifədə imkanlılığı birdəfəlik yaradan amillərdən biri məlumatın mənasini gücləndirmək üçün müxtəlif HTML elementlərinin istifadəsidir. -- [MDN HTML elements reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Element) +- [MDN HTML elementlərinə istinad](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. +React kodun işləməsi üçün biz JSX-ə `
      ` elementini əlavə etməklə, xüsusilə siyahı (`
        `, `
          ` və `
          `) və HTML `
      ` istifadə edərkən, bəzən biz HTML semantiklərini kəsirik. -For example, +Bu halda biz çoxsaylı elementləri qruplaşdırmaq üçün [React Fraqmentlərini](/docs/fragments.html) istifadə etməliyik. + +Məsələn, ```javascript{1,5,8} import React, { Fragment } from 'react'; @@ -73,7 +73,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: +Siz başqa tip elementlərdəki kimi maddələr kolleksiyasını fraqmentlər massivi ilə uzlaşdıra bilərsiniz: ```javascript{6,9} function Glossary(props) { @@ -91,7 +91,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: +Alətləriniz dəstəklədiyi halda, Fraqment təqində heç bir parametrlərə ehtiyac olmadıqda isə [qısa sintaksis](/docs/fragments.html#short-syntax) istifadə edə bilərsiniz: ```javascript{3,6} function ListItem({ item }) { @@ -104,52 +104,52 @@ function ListItem({ item }) { } ``` -For more info, see [the Fragments documentation](/docs/fragments.html). +Əlavə məlumat üçün [Fraqmen sənədləşməsini](/docs/fragments.html) nəzərdən keçirin. -## Accessible Forms {#accessible-forms} +## İmkanlı Anketlər -### Labeling {#labeling} -Every HTML form control, such as `` and `