Version 1.0

hatemile · Jul 26, 2015 · 6fc2a8c · 6fc2a8c
1 parent 25ff10f
commit 6fc2a8c
Show file tree

Hide file tree

Showing 45 changed files with 2,260 additions and 1,549 deletions.
diff --git a/LICENSE b/LICENSE
@@ -186,8 +186,6 @@ Apache License
       same "printed page" as the copyright notice for easier
       identification within third-party archives.
 
-   Copyright 2014 Carlson Santana Cruz
-
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

diff --git a/README.md b/README.md
diff --git a/css/accessibleform.css b/css/accessibleform.css
diff --git a/css/accessibleform.min.css b/css/accessibleform.min.css
diff --git a/css/accessibleimage.css b/css/accessibleimage.css
diff --git a/css/accessibleimage.min.css b/css/accessibleimage.min.css
diff --git a/css/accessibleshortcut.css b/css/accessibleshortcut.css
diff --git a/css/accessibleshortcut.min.css b/css/accessibleshortcut.min.css
diff --git a/css/common_elements.css b/css/common_elements.css
diff --git a/css/common_elements.min.css b/css/common_elements.min.css
diff --git a/css/hatemile_for_css.css b/css/hatemile_for_css.css
diff --git a/css/hatemile_for_css.min.css b/css/hatemile_for_css.min.css
diff --git a/css/hide_changes.css b/css/hide_changes.css
diff --git a/css/hide_changes.min.css b/css/hide_changes.min.css
diff --git a/lib/css/common_elements.css b/lib/css/common_elements.css
@@ -0,0 +1,137 @@
+@charset "UTF-8";
+
+.screen-reader-only {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	top: -9999px;
+	left: -9999px;
+	overflow: hidden;
+	padding: 0;
+	margin: -1px;
+	clip: rect(0, 0, 0, 0);
+	border: 0;
+}
+
+[data-prefixrequiredfield]:before {
+	content: attr(data-prefixrequiredfield) ' ';
+}
+[data-prefixvalueminfield]:before {
+	content: attr(data-prefixvalueminfield) ' ';
+}
+[data-prefixvaluemaxfield]:before {
+	content: attr(data-prefixvaluemaxfield) ' ';
+}
+[data-prefixautocompletefield]:before {
+	content: attr(data-prefixautocompletefield) ' ';
+}
+
+
+
+[data-prefixrequiredfield][data-prefixvalueminfield]:before {
+	content: attr(data-prefixrequiredfield) ' ' attr(data-prefixvalueminfield) ' ';
+}
+[data-prefixrequiredfield][data-prefixvaluemaxfield]:before {
+	content: attr(data-prefixrequiredfield) ' ' attr(data-prefixvaluemaxfield) ' ';
+}
+[data-prefixrequiredfield][data-prefixautocompletefield]:before {
+	content: attr(data-prefixrequiredfield) ' ' attr(data-prefixautocompletefield) ' ';
+}
+
+[data-prefixvalueminfield][data-prefixvaluemaxfield]:before {
+	content: attr(data-prefixvalueminfield) ' ' attr(data-prefixvaluemaxfield) ' ';
+}
+[data-prefixvalueminfield][data-prefixautocompletefield]:before {
+	content: attr(data-prefixvalueminfield) ' ' attr(data-prefixautocompletefield) ' ';
+}
+
+[data-prefixvaluemaxfield][data-prefixautocompletefield]:before {
+	content: attr(data-prefixvaluemaxfield) ' ' attr(data-prefixautocompletefield) ' ';
+}
+
+
+
+[data-prefixrequiredfield][data-prefixvalueminfield][data-prefixvaluemaxfield]:before {
+	content: attr(data-prefixrequiredfield) ' ' attr(data-prefixvalueminfield) ' ' attr(data-prefixvaluemaxfield) ' ';
+}
+[data-prefixrequiredfield][data-prefixvalueminfield][data-prefixautocompletefield]:before {
+	content: attr(data-prefixrequiredfield) ' ' attr(data-prefixvalueminfield) ' ' attr(data-prefixautocompletefield) ' ';
+}
+
+[data-prefixrequiredfield][data-prefixvaluemaxfield][data-prefixautocompletefield]:before {
+	content: attr(data-prefixrequiredfield) ' ' attr(data-prefixvaluemaxfield) ' ' attr(data-prefixautocompletefield) ' ';
+}
+
+
+[data-prefixvalueminfield][data-prefixvaluemaxfield][data-prefixautocompletefield]:before {
+	content: attr(data-prefixvalueminfield) ' ' attr(data-prefixvaluemaxfield) ' ' attr(data-prefixautocompletefield) ' ';
+}
+
+
+
+[data-prefixrequiredfield][data-prefixvalueminfield][data-prefixvaluemaxfield][data-prefixautocompletefield]:before {
+	content: attr(data-prefixrequiredfield) ' ' attr(data-prefixvalueminfield) ' ' attr(data-prefixvaluemaxfield) ' ' attr(data-prefixautocompletefield) ' ';
+}
+
+
+
+
+[data-suffixrequiredfield]:after {
+	content: ' ' attr(data-suffixrequiredfield);
+}
+[data-suffixvalueminfield]:after {
+	content: ' ' attr(data-suffixvalueminfield);
+}
+[data-suffixvaluemaxfield]:after {
+	content: ' ' attr(data-suffixvaluemaxfield);
+}
+[data-suffixautocompletefield]:after {
+	content: ' ' attr(data-suffixautocompletefield);
+}
+
+
+
+[data-suffixrequiredfield][data-suffixvalueminfield]:after {
+	content: ' ' attr(data-suffixrequiredfield) ' ' attr(data-suffixvalueminfield);
+}
+[data-suffixrequiredfield][data-suffixvaluemaxfield]:after {
+	content: ' ' attr(data-suffixrequiredfield) ' ' attr(data-suffixvaluemaxfield);
+}
+[data-suffixrequiredfield][data-suffixautocompletefield]:after {
+	content: ' ' attr(data-suffixrequiredfield) ' ' attr(data-suffixautocompletefield);
+}
+
+[data-suffixvalueminfield][data-suffixvaluemaxfield]:after {
+	content: ' ' attr(data-suffixvalueminfield) ' ' attr(data-suffixvaluemaxfield);
+}
+[data-suffixvalueminfield][data-suffixautocompletefield]:after {
+	content: ' ' attr(data-suffixvalueminfield) ' ' attr(data-suffixautocompletefield);
+}
+
+[data-suffixvaluemaxfield][data-suffixautocompletefield]:after {
+	content: ' ' attr(data-suffixvaluemaxfield) ' ' attr(data-suffixautocompletefield);
+}
+
+
+
+[data-suffixrequiredfield][data-suffixvalueminfield][data-suffixvaluemaxfield]:after {
+	content: ' ' attr(data-suffixrequiredfield) ' ' attr(data-suffixvalueminfield) ' ' attr(data-suffixvaluemaxfield);
+}
+[data-suffixrequiredfield][data-suffixvalueminfield][data-suffixautocompletefield]:after {
+	content: ' ' attr(data-suffixrequiredfield) ' ' attr(data-suffixvalueminfield) ' ' attr(data-suffixautocompletefield);
+}
+
+[data-suffixrequiredfield][data-suffixvaluemaxfield][data-suffixautocompletefield]:after {
+	content: ' ' attr(data-suffixrequiredfield) ' ' attr(data-suffixvaluemaxfield) ' ' attr(data-suffixautocompletefield);
+}
+
+
+[data-suffixvalueminfield][data-suffixvaluemaxfield][data-suffixautocompletefield]:after {
+	content: ' ' attr(data-suffixvalueminfield) ' ' attr(data-suffixvaluemaxfield) ' ' attr(data-suffixautocompletefield);
+}
+
+
+
+[data-suffixrequiredfield][data-suffixvalueminfield][data-suffixvaluemaxfield][data-suffixautocompletefield]:after {
+	content: ' ' attr(data-suffixrequiredfield) ' ' attr(data-suffixvalueminfield) ' ' attr(data-suffixvaluemaxfield) ' ' attr(data-suffixautocompletefield);
+}
diff --git a/lib/css/hide_changes.css b/lib/css/hide_changes.css
@@ -0,0 +1,23 @@
+@charset 'UTF-8';
+
+.longdescription-link
+, #container-heading
+, #container-shortcuts
+, #container-skippers
+, [data-prefixautocompletefield]:before
+, [data-suffixautocompletefield]:after
+, [data-longdescriptionfor]
+, [data-prefixvalueminfield]:before, [data-prefixvaluemaxfield]:before
+, [data-suffixvalueminfield]:after, [data-suffixvaluemaxfield]:after
+, [data-prefixrequiredfield]:before
+, [data-suffixrequiredfield]:after {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	padding: 0;
+	margin: -1px;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	border: none;
+	text-indent: -9999px;
+}
diff --git a/lib/hatemile-configure.xml b/lib/hatemile-configure.xml
@@ -1,35 +1,35 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <configure>
 	<parameters>
-		<!-- Ids parameters -->
-		<parameter name="id-container-shortcuts">container-shortcuts</parameter>
-		<parameter name="id-skip-link-container-shortcuts">link-skip-shortcuts</parameter>
-		<parameter name="id-skip-container-shortcuts">skip-shortcuts</parameter>
-		<parameter name="id-script-event">script-event</parameter>
-		<parameter name="id-list-ids-script-onactive">list-ids-script-active</parameter>
-		<parameter name="id-function-script-fix-onactive">fix-active</parameter>
-		<parameter name="id-text-shortcuts">text-shortcuts</parameter>
-		<!-- Classes parameters -->
-		<parameter name="class-list-image-areas">list-areas</parameter>
-		<parameter name="class-longdescription-link">longdescription-link</parameter>
-		<!-- Data parameters -->
-		<parameter name="data-ignore">ignorehatemile</parameter>
-		<parameter name="data-label-required-field">labelrequiredfield</parameter>
-		<parameter name="data-accesskey">accesskey</parameter>
-		<parameter name="data-list-for-image">listforimage</parameter>
-		<parameter name="data-longdescription-for-image">longdescriptionforimage</parameter>
 		<!-- Text parameters -->
-		<parameter name="text-skip-container-shortcuts">Skip shortcuts</parameter>
 		<parameter name="text-shortcuts">Shortcuts:</parameter>
 		<parameter name="text-standart-shortcut-prefix">ALT</parameter>
+		<parameter name="text-autocomplete-value-both">List or Inline</parameter>
+		<parameter name="text-autocomplete-value-list">List</parameter>
+		<parameter name="text-autocomplete-value-inline">Inline</parameter>
+		<parameter name="text-autocomplete-value-none">None</parameter>
+		<parameter name="text-heading">Summary:</parameter>
 		<!-- Prefix parameters -->
 		<parameter name="prefix-required-field">*</parameter>
+		<parameter name="prefix-range-min-field"></parameter>
+		<parameter name="prefix-range-max-field"></parameter>
+		<parameter name="prefix-autocomplete-field"></parameter>
 		<parameter name="prefix-generated-ids">id-</parameter>
-		<parameter name="prefix-longdescription-link"></parameter>
+		<parameter name="prefix-longdescription"></parameter>
 		<!-- Suffix parameters -->
-		<parameter name="suffix-longdescription-link">[d]</parameter>
+		<parameter name="suffix-longdescription">[d]</parameter>
 		<parameter name="suffix-required-field"></parameter>
+		<parameter name="suffix-range-min-field">(Min: {{value}})</parameter>
+		<parameter name="suffix-range-max-field">(Max: {{value}})</parameter>
+		<parameter name="suffix-autocomplete-field">(Autocomplete: {{value}})</parameter>
 	</parameters>
+	<skippers>
+		<skipper selector="main,[role=main]" default-text="Main Content" shortcut="1" />
+		<skipper selector="nav,[role=navigation]" default-text="Menu" shortcut="2" />
+		<skipper selector="form" default-text="Form" shortcut="3" />
+		<skipper selector="#container-shortcuts" default-text="Shortcuts" shortcut="9" />
+		<skipper selector="#container-heading" default-text="Summary" shortcut="0" />
+	</skippers>
 	<selector-changes>
 		<!-- HTML5 Recommendations -->
 		<selector-change selector="article:not([role])" attribute="role" value-attribute="article" />