diff --git a/files/pt-br/_redirects.txt b/files/pt-br/_redirects.txt index 03eef4f3c784f5..30a8fb2bb3e3a5 100644 --- a/files/pt-br/_redirects.txt +++ b/files/pt-br/_redirects.txt @@ -381,7 +381,6 @@ /pt-BR/docs/JavaScript/Reference/Statements/let /pt-BR/docs/Web/JavaScript/Reference/Statements/let /pt-BR/docs/JavaScript/uma_reintroduction_ao_JavaScript /pt-BR/docs/Web/JavaScript/Language_overview /pt-BR/docs/Learn/Accessibility/Acessibilidade_problemas /pt-BR/docs/Learn/Accessibility/Accessibility_troubleshooting -/pt-BR/docs/Learn/Accessibility/CSS_e_JavaScript /pt-BR/docs/Learn/Accessibility/CSS_and_JavaScript /pt-BR/docs/Learn/CSS/CSS_layout/Fluxo_Normal /pt-BR/docs/Learn/CSS/CSS_layout/Normal_Flow /pt-BR/docs/Learn/CSS/CSS_layout/Intro_leiaute_CSS /pt-BR/docs/Learn/CSS/CSS_layout/Introduction /pt-BR/docs/Learn/CSS/CSS_layout/Layout_de_varias_colunas /pt-BR/docs/Learn/CSS/CSS_layout/Multiple-column_Layout @@ -442,7 +441,6 @@ /pt-BR/docs/Localização /pt-BR/docs/Glossary/Localization /pt-BR/docs/MDN/About /pt-BR/docs/MDN/Writing_guidelines /pt-BR/docs/MDN/Contribute/Content /pt-BR/docs/conflicting/MDN/Writing_guidelines -/pt-BR/docs/MDN/Contribute/Content/Style_guide /pt-BR/docs/MDN/Writing_guidelines/Writing_style_guide /pt-BR/docs/MDN/Contribute/Estruturas /pt-BR/docs/conflicting/MDN/Writing_guidelines/Page_structures /pt-BR/docs/MDN/Contribute/Estruturas/Compatibility_tables /pt-BR/docs/MDN/Writing_guidelines/Page_structures /pt-BR/docs/MDN/Contribute/Estruturas/Macros /pt-BR/docs/conflicting/MDN/Writing_guidelines/Page_structures_978c99f4f82eae196d51ce675e5181c7 @@ -469,8 +467,6 @@ /pt-BR/docs/MDN/Contribute/guia/Create_an_interactive_exercise_to_help_learning_the_web/distant_example /pt-BR/docs/conflicting/MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web /pt-BR/docs/MDN/Feedback /pt-BR/docs/MDN/Community /pt-BR/docs/MDN/Guidelines /pt-BR/docs/conflicting/MDN/Writing_guidelines -/pt-BR/docs/MDN/Guidelines/Style_guide /pt-BR/docs/MDN/Writing_guidelines/Writing_style_guide -/pt-BR/docs/MDN/Guidelines/Writing_style_guide /pt-BR/docs/MDN/Writing_guidelines/Writing_style_guide /pt-BR/docs/MDN/Kuma /pt-BR/docs/orphaned/MDN/Yari /pt-BR/docs/MDN/Primeiros_Passos /pt-BR/docs/MDN/Community/Contributing/Getting_started /pt-BR/docs/MDN/Structures /pt-BR/docs/conflicting/MDN/Writing_guidelines/Page_structures @@ -492,7 +488,6 @@ /pt-BR/docs/Mozilla/Add-ons/WebExtensions/pre-requisitos /pt-BR/docs/Mozilla/Add-ons/WebExtensions/Prerequisites /pt-BR/docs/Mozilla/Add-ons/WebExtensions/sua_primeira_WebExtension /pt-BR/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension /pt-BR/docs/Mozilla/Add-ons/WebExtensions/user_interface/Itens_do_menu_de_contexto /pt-BR/docs/Mozilla/Add-ons/WebExtensions/user_interface/Context_menu_items -/pt-BR/docs/Mozilla/Firefox/Novas_funcionalidades /pt-BR/docs/Mozilla/Firefox/Experimental_features /pt-BR/docs/Mozilla/Firefox/Releases/3/Zoom_de_página_inteira /pt-BR/docs/Mozilla/Firefox/Releases/3/Full_page_zoom /pt-BR/docs/Quirks_Mode_and_Standards_Mode /pt-BR/docs/Web/HTML/Quirks_Mode_and_Standards_Mode /pt-BR/docs/SVG /pt-BR/docs/Web/SVG diff --git a/files/pt-br/learn/accessibility/css_and_javascript/index.md b/files/pt-br/learn/accessibility/css_and_javascript/index.md deleted file mode 100644 index 22d3676216f712..00000000000000 --- a/files/pt-br/learn/accessibility/css_and_javascript/index.md +++ /dev/null @@ -1,355 +0,0 @@ ---- -title: CSS e JavaScript - melhores práticas de acessibilidade -slug: Learn/Accessibility/CSS_and_JavaScript -original_slug: Learn/Accessibility/CSS_e_JavaScript ---- - -{{LearnSidebar}}{{PreviousMenuNext("Learn/Accessibility/HTML","Learn/Accessibility/WAI-ARIA_basics", "Learn/Accessibility")}} - -CSS e JavaScript, quando usados de maneira correta, têm também potencial para permitir experiências web acessíveis... ou podem causar danos significativos se usados de forma indevida. Este artigo descreve algumas das melhores práticas em CSS e JavaScript a serem consideradas para garantir que até mesmo conteúdos complexos estejam tão acessíveis quanto possível. - -
Pré-requisitos: | -- Conhecimento básico de computação, Conhecimento básico de HTML, CSS, e - JavaScript, e entendimento sobre - o que é acessibilidade. - | -
---|---|
Objetivo: | -- Tornar-se familiarizado com o uso de CSS e JavaScript apropriadamente em - seus documentos web para maximizar a acessibilidade e não diminuir sua - importância. - | -
Parágrafo
- -A água está muito quente.
- -Gotículas de água em superfícies são chamadas de condensação.
-``` - -Você pode querer adicionar alguma cor no seu texto em negrito: - -```css -strong, em { - color: #a60000; -} -``` - -De qualquer forma, você raramente irá precisar de estilizar um elemento de ênfase. As convenções para texto em negrito e itálico são bastante reconhecidas e alterar seu estilo pode causar confusão. Para saber mais sobre elemento ênfase (negrito), veja [Emphasis and importance](/pt-BR/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#Emphasis_and_importance). - -#### Abreviações - -É um elemento que permite abreviação, acrônimo ou inicialização que esteja associada com sua expansão: - -```html -Web content is marked up using HTML.
-``` - -Novamente, você pode querer estilizá-lo de alguma forma: - -```css -abbr { - color: #a60000; -} -``` - -A convenção de estilo que é reconhecida para abreviações é uma linha pontilhada, e não é recomendado estilizá-la. Para saber mais sobre abreviações, veja [Abbreviations](/pt-BR/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting#Abbreviations). - -#### Links - -Hyperlinks — the way you get to new places on the web: - -```html -Visit the Mozilla homepage.
-``` - -Some very simple link styling is shown below: - -```css -a { - color: #ff0000; -} - -a:hover, a:visited, a:focus { - color: #a60000; - text-decoration: none; -} - -a:active { - color: #000000; - background-color: #a60000; -} -``` - -The standard link conventions are underlined and a different color (default: blue) in their standard state, another color variation when the link has previously been visited (default: purple), and yet another color when the link is activated (default: red). In addition, the mouse pointer changes to a pointer icon when links are moused over, and the link receives a highlight when focused (e.g. via tabbing) or activated. The following image shows the highlight in both Firefox (a dotted outline) and Chrome (a blue outline): - -![](focus-highlight-firefox.png) - -![](focus-highlight-chrome.png) - -You can be creative with link styles, as long as you keep giving users feedback when they interact with the links. Something should definitely happen when states change, and you shouldn't get rid of the pointer cursor or the outline — both are very important accessibility aids for those using keyboard controls. - -#### Form elements - -Elements to allow users to input data into websites: - -```html -