Merge pull request #947 from usagov/staging

Sprint 47: release to MASTER

assets/scripts/state-selector.js

@@ -42,16 +42,22 @@
 
   // Filter dropdown results based on user input.
   function stateListFilter() {
-    let filter, txtValue;
+    let filter, txtValue, wordTxtValues, keyValue;
     filter = stateInput.value.toUpperCase();
     txtValue = "";
+    wordTxtValues = [];
+    keyValue = "";
     stateListResults = [];
 
     for (let i = 0; i < stateFilteredOptions.length; i++) {
       let li = stateFilteredOptions[i].parentNode;
-      txtValue = li.textContent || li.innerText;
+      txtValue = li.textContent.trim() || li.innerText.trim();
+      wordTxtValues = txtValue.split(' ');
+      keyValue = li.firstElementChild.getAttribute('key');
 
-      if (txtValue.toUpperCase().indexOf(filter) > -1) {
+      // Match user input with the start of the state name or state abbrev.
+      if (wordTxtValues.some((elem) => elem.length > 2 && elem.toUpperCase().startsWith(filter))
+        || (filter.length === 2 && keyValue.toUpperCase() === filter)) {
         li.removeAttribute('hidden');
         stateListResults.push(stateFilteredOptions[i]);
       } else {

config/_default/languages.json

@@ -269,8 +269,8 @@
       "last_updated": "Kingulighmi Nutaghtekat:",
       "select_language": "Ulu nakmiighhu %dropdown-list%",
       "english_languageName": "",
-      "translation_outdated": true,
-      "ext_link_title": "External link opens new window"
+      "translation_outdated": false,
+      "ext_link_title": "Allanun pit allaneng qelpeghutillequt"
     }
   },
   "nv": {

content/tl/accessibility.html

@@ -0,0 +1,68 @@
++++
+title = "Pahayag ng Aksesibilidad"
+meta_description = "Vote.gov is committed to making its digital content accessible to individuals with disabilities by meeting or exceeding the requirements of Section 508 of the Rehabilitation Act"
+translationKey = "accessibility"
++++
+<div class="usa-prose">
+<p>Sa vote.gov, kami ay nakatuon sa aksesibilidad. Aming patakaran na tiyaking ang lahat, kabilang ang mga taong may kapansanan, ay may buo at pantay na akseso sa mga mapagkukunan ng pagboto. Ang website ng vote.gov ay umaasa sa ilang mga teknolohiya upang matiyak na ito ay gumagana nang maayos sa mga gamit na tumutulong sa mga taong may kapansanan na ma-akseso ang impormasyon sa mga website. Kasama sa mga teknolohiyang ito ang HTML, WAI-ARIA, CSS at JavaScript. Tinitiyak nilang madaling gamitin ang site sa mga screen reader, screen magnifier, speech-recognition software at iba pang mga pantulong na teknolohiya.</p>
+
+<p><strong>Nilalaman</strong></p>
+<ul>
+  <li><a href="#statement">Pahayag ng aksesibilidad</a></li>
+  <li><a href="#how-we-support-and-maintain">Paano namin sinusuportahan at pinapanatili ang aksesibilidad</a></li>
+  <li><a href="#our-standards">Ang aming mga pamantayan</a></li>
+  <li><a href="#help-feedback-and-formal-complaints">Tulong, feedback, at mga pormal na reklamo</a></li>
+</ul>
+
+
+<h2 id="statement">Pahayag ng Aksesibilidad</h2>
+<p>Ang grupo ng vote.gov ay nakatuon sa paglikha ng isang naa-akseso na website para sa lahat ng mga botante, kabilang ang mga taong nahihirapang makakita, makarinig, magpatakbo ng computer hardware, o nakakaranas ng mga hamon sa pag-iisip o pag-aaral. Sinisikap din naming maabot ang mga taong kulang sa serbisyo, kabilang ang mga taong ang pangunahing wika ay hindi Ingles. Ang aksesibilidad ay isang tuloy-tuloy na pagsisikap, at sinisikap naming pahusayin ang aming site sa pamamagitan ng pagbibigay ng regular na pagsasanay para sa mga empleyadong sumulat ng aming nilalaman, lumikha ng aming mga dokumento, at bumuo ng aming website.</p>
+
+<h2 id="how-we-support-and-maintain">Paano namin sinusuportahan at pinapanatili ang aksesibilidad</h2>
+<p><strong>Tinitiyak namin ang aksesibilidad ng vote.gov sa pamamagitan ng:</strong></p>
+<ul>
+  <li>Manu-manong pagsubok ng nilalaman para sa aksesibilidad ng keyboard at screen reader</li>
+  <li>Paggamit ng mga semantic section heading para ayusin ang nilalaman</li>
+  <li>Pagpapahintulot sa mga tao na gamitin ang keyboard para ma-akseso ang lahat ng mga link at interactive na bahagi ng aming website</li>
+  <li>Kasama ang “skip to main content” functionality</li>
+  <li>Pagdaragdag ng code sa mga panlabas na link upang ipahayag ang "pagbubukas sa bagong window" para sa mga screen reader</li>
+  <li>Pagbibigay ng detalyadong alt text para sa mga imahe, mga icon, at mga logo</li>
+  <li>Pakikipag-ugnayan sa mga tunay na tao sa pagsasalin ng nilalaman para maghatid ng konteksto at karanasan ng user</li>
+  <li>Pagpapahintulot sa mga user na baguhin ang sukat ng teksto ayon sa kagustuhan</li>
+</ul>
+
+<h2 id="our-standards">Ang aming mga pamantayan sa aksesibilidad</h2>
+<p>Idinisenyo namin ang aming mga web page upang matugunan o lumampas sa mga pamantayan ng <a href="https://www.section508.gov/">Section 508 (sa Ingles)</a>, na mga teknikal na kinakailangan na nagtitiyak na kami ay sumusunod sa batas pederal na Seksyon 508. Tumatalima rin kami sa W3C Web Content Accessibility Guidelines (WCAG) 2.1, na makikita sa <a href="https://www.w3.org/tr/wcag21">W3C website (sa Ingles)</a>. Natutugunan namin sa Antas na AA ang mga pamantayan, na nangangahulugang ang aming nilalaman ay naa-akseso  ng karamihan ng mga tao sa karamihan ng mga pangyayari.</p>
+
+<p><strong>Pagsangguni at Pagsubok</strong></p>
+<p>Napanatili namin ang isang independiyenteng ekspertong konsultant upang magsagawa ng tuluy-tuloy na pag-audit sa pamamagitan ng awtomatiko at manu-manong pagsubok para masuri at mapabuti ang aksesibilidad.</p>
+
+<p><strong>Kompatibilidad</strong></p>
+<ul>
+  <li>Ang vote.gov ay tugma sa karamihan ng mga pangunahing Internet browser kabilang ang Chrome, Firefox, Edge, at Safari.</li>
+  <li>Ang nilalaman ng vote.gov maaaring matingnan sa isang smartphone, tablet, laptop, o desktop.</li>
+</ul>
+
+<h2 id="help-feedback-and-formal-complaints">Tulong, feedback, at mga pormal na reklamo sa aksesibilidad</h2>
+<p>I-email kami sa <a href="mailto:[email protected]">[email protected]</a> para sa mga katanungan, mga komento, o mga pormal na reklamo tungkol sa aksesibilidad ng vote.gov. Maaari din ninyong piliing punan ang pormularyo sa ibaba. Ang aming grupo ay maaring tumugon sa inyong mga katanungan, mga komento, o mga alalahanin sa parehong Ingles at Espanyol.</p>
+
+<div id="votegov-accessibility-survey"></div>
+
+<p><strong>Kapag nakikipag-ugnayan sa amin, mangyaring isama ang:</strong></p>
+<ul>
+  <li>Ang web address, nakilala rin bilang isang URL. Ang isang tipikal na URL ay maaring http://example.gov/index.html o https://www.example.gov/example</li>
+  <li>Ang device at browser na ginagamit ninyo para ma-akseso ang vote.gov</li>
+  <li>Ang pantulong na teknolohiya na ginagamit, kung mayroon man</li>
+  <li>Isang paglalarawan ng problema at anumang impormasyon na hindi naa-akseso</li>
+</ul>
+
+<p>Nota: Sinusubaybayan namin ang <a href="mailto:[email protected]">[email protected]</a> sa normal na oras ng opisina Lunes hanggang Biyernes Eastern Time maliban sa mga pederal na pista opisyal o pagsasara.</p>
+
+<p>Para sa karagdagang tulong sa aksesibilidad, punan ang pormularyo sa itaas sa alinman sa Ingles o Espanyol.</p>
+
+<p>Para sa mga katanungan, o pormal na mga reklamo tungkol sa aksesibilidad ng kahit anong nilalaman ng vote.gov, i-email ang <a href="mailto:[email protected]">[email protected]</a>.</p>
+
+<p>Ang pahina ay sinuri at na-update noong Hulyo 2023.</p>
+</div>
+
+<script src="https://touchpoints.app.cloud.gov/touchpoints/77e87d97.js" async></script>

content/ypk/sitemap.html

@@ -0,0 +1,11 @@
++++
+title = "Natmun pisiq"
+meta_title = "State Voting Resource Links - HTML Sitemap | Vote.gov"
+meta_description = "View and access all state voting resource links on the Vote.gov HTML Sitemap."
+translationKey = "sitemap"
+home_link_title = "Nem pinga"
+main_nav_header = "Ivaghivigpigaq"
+states_header = "Ilaten nakmikinaluten - State-egunllu Territory-kun llu."
++++
+
+{{< sitemap >}}

content/zh/accessibility.html

@@ -0,0 +1,71 @@
++++
+title = "無障礙訪問聲明"
+meta_description = "Vote.gov is committed to making its digital content accessible to individuals with disabilities by meeting or exceeding the requirements of Section 508 of the Rehabilitation Act"
+translationKey = "accessibility"
++++
+<div class="usa-prose">
+<p>在 vote.gov，我們致力於提高訪問的無障礙性。我們的政策是確保每個人，包括殘障者，都能充分、平等地獲得投票資源。 vote.gov 網站依靠有關技術來確保網站與無障礙訪問工具之間的良好配合。這些技術包括 HTML、WAI-ARIA、CSS 和 JavaScript。他們確保網站的螢幕顯示器、螢幕放大器、語音識別軟體和其他輔助技術均易於使用。</p>
+
+<p><strong>内容</strong></p>
+<ul>
+  <li><a href="#statement">無障礙訪問聲明</a></li>
+  <li><a href="#how-we-support-and-maintain">我們如何支持和維護無障礙訪問</a></li>
+  <li><a href="#our-standards">我們的標準</a></li>
+  <li><a href="#help-feedback-and-formal-complaints">幫助、回饋和正式投訴</a></li>
+</ul>
+
+
+<h2 id="statement">無障礙訪問聲明</h2>
+<p>vote.gov團隊致力於為所有選民建立一個無障礙訪問網站，包括視障、聽障、操作計算機硬體能力有困難或有認知或學習障礙的人士。我們也希望接觸未接受完整服務的人群，包括非英語使用者。無障礙訪問是一項持續的努力，我們希望透過定期培訓撰寫內容、建立文件和架設網站的員工，來改善我們的網站。</p>
+
+<h2 id="how-we-support-and-maintain">我們如何支持和維護無障礙訪問</h2>
+<p><strong>我們透過以下方式確保 對vote.gov 的無障礙訪問：</strong></p>
+<ul>
+  <li>手動測試鍵盤和螢幕顯示器內容的無障礙訪問性</li>
+  <li>使用合乎語意的標題來組織內容</li>
+  <li>允許使用鍵盤訪問我們網站的所有連結和互動</li>
+  <li>涵蓋“跳至主要內容”功能</li>
+  <li>在外部連結中加入程式，以告知“在新視窗中開啟”閱讀螢幕</li>
+  <li>為圖像、標示和徽章提供詳細的替代文字</li>
+  <li>採用真人參與翻譯以提供上下文內容和用戶體驗</li>
+  <li>允許用戶根據喜好調整文字大小尺寸</li>
+</ul>
+
+<h2 id="our-standards">我們的無障礙訪問標準</h2>
+<p>我們設計的網頁符合<a href="https://www.section508.gov/">第 508 條（英文）</a>標準，這些標準是確保我們遵守聯邦第 508 條法律的技術要求。我們還遵守 W3C 網頁內容可訪問性指南 (WCAG) 2.1，該指南詳見於<a href="https://www.w3.org/tr/wcag21">W3C 網站 （英文）</a> 。我們符合 AA 級標準，這意味著大多數人在大多數情況下都可以訪問我們的內容。</p>
+
+<p><strong>諮詢及測試</strong></p>
+<p>我們聘請了一位獨立的專家顧問，通過自動和手動測試進行持續的審核，以評估和提高無障礙訪問性。</p>
+
+<p><strong>相容性</strong></p>
+<ul>
+  <li>vote.gov與大多數主要網際網路瀏覽器相容，包括Chrome、Firefox、Edge 和Safari。</li>
+  <li>vote.gov的內容可以在智慧手機、平板電腦、筆記型電腦或桌上型電腦上查看。</li>
+
+</ul>
+
+<h2 id="help-feedback-and-formal-complaints">無障礙訪問幫助、回饋和正式投訴</h2>
+<p>如果您對 vote.gov 的無障礙訪問有疑問、意見或正式投訴，請發送電子郵件至 <a href="mailto:[email protected]">[email protected]</a>。您也可以選擇填寫下面的表格。我們的團隊能夠用英語和西班牙語回覆您的問題、評論或疑慮。</p>
+
+<div id="votegov-accessibility-survey"></div>
+
+<p><strong>聯繫我們時，請包括以下信息：</strong></p>
+<ul>
+  <li>網址，也稱為URL。典型的 URL 可以是 http://example.gov/index.html 或 https://www.example.gov/example</li>
+  <li>您訪問 vote.gov用的設備和瀏覽器</li>
+  <li>您正在使用的輔助技術（如果有）</li>
+  <li>問題描述和任何無法訪問的訊息</li>
+
+</ul>
+
+<p>注意：我們在東部時間週一至週五的正常上班時間內查收<a href="mailto:[email protected]">[email protected]</a>，聯邦假日或公休日除外。</p>
+
+<p>如需其他輔助功能，請用英語或西班牙語填寫上面的表格。</p>
+
+<p>任何關於 vote.gov 無障礙訪問的問題、評論或正式投訴，請發送電子郵件至 <a href="mailto:[email protected]">[email protected]</a></p>
+
+<p>本網頁於 2023 年 7 月審核與更新。</p>
+
+</div>
+
+<script src="https://touchpoints.app.cloud.gov/touchpoints/77e87d97.js" async></script>

cypress/e2e/tests/state-selection.cy.js

@@ -1,32 +1,62 @@
 /// <reference types="Cypress" />
 
-// describe('Validate state selection options', () => {
-//   beforeEach('visit page', () => {
-//     cy.visit('localhost:1313')
-//   })
-//
-//   it('Test Alaska', () => {
-//     cy.get('[data-test="state-selection"]').select('Alaska')
-//     cy.get('[data-test="register-button"]').click()
-//     cy.url().should('include', '/register/ak/')
-//   })
-//
-//   it('Test American Samoa', () => {
-//     cy.get('[data-test="state-selection"]').select('American Samoa')
-//     cy.get('[data-test="register-button"]').click()
-//     cy.url().should('include', '/register/as/')
-//   })
-//
-//   it('Test Arkansas', () => {
-//     cy.get('[data-test="state-selection"]').select('Arkansas')
-//     cy.get('[data-test="register-button"]').click()
-//     cy.url().should('include', '/register/ar/')
-//   })
-//
-//   it('Test North Dakota', () => {
-//     cy.get('[data-test="state-selection"]').select('North Dakota')
-//     cy.get('[data-test="register-button"]').click()
-//     cy.url().should('include', '/register/nd/')
-//   })
-//
-// })
+describe('Validate state selection options', () => {
+  beforeEach('visit page', () => {
+    cy.visit('localhost:1313')
+  })
+
+  it('Verify that menu drop down is working', () => {
+    cy.get('[data-test="dropdown-btn"]').click()
+    cy.get('[data-test="state-list"]').should('be.visible')
+  })
+
+  it('Verify that type search is working', () => {
+    // * Check that 'South' renders expected states
+    cy.get('[data-test="state-selection"]').type('South')
+    cy.get('[data-test="state-list"]').should('contain', 'South Carolina', 'South Dakota')
+    cy.reload()
+    // * Check that 'Virgin' renders expected states
+    cy.get('[data-test="state-selection"]').type('Virgin')
+    cy.get('[data-test="state-list"]').should('contain', 'U.S. Virgin Island', 'Virginia', 'West Virginia')
+    cy.reload()
+    // * Check that 'Carolina' renders expected states
+    cy.get('[data-test="state-selection"]').type('Carolina')
+    cy.get('[data-test="state-list"]').should('contain', 'South Carolina', 'North Carolina')
+    cy.reload()
+    // * Check that 'mar' renders expected states
+    cy.get('[data-test="state-selection"]').type('mar')
+    cy.get('[data-test="state-list"]').should('contain', 'Maryland', 'Northern Mariana Islands')
+  })
+
+  it('Verify that user can navigate to state page from dropdown', () => {
+    // * Check Alaska
+    cy.get('[data-test="dropdown-btn"]').click()
+    cy.get('[data-test=state-list]').find('li').then(option => {
+      cy.get(option[1]).realClick()
+    })
+    cy.url().should('include', '/register/ak/')
+    cy.get('[data-test="vote-logo"]').click()
+    // * Check American Samoa
+    cy.get('[data-test="dropdown-btn"]').click()
+    cy.get('[data-test=state-list]').find('li').then(option => {
+      cy.get(option[2]).realClick()
+    })
+    cy.url().should('include', '/register/as/')
+    cy.get('[data-test="vote-logo"]').click()
+    // * Check Arkansas
+    cy.get('[data-test="dropdown-btn"]').click()
+    cy.get('[data-test=state-list]').find('li').then(option => {
+      cy.get(option[4]).realClick()
+    })
+    cy.url().should('include', '/register/ar/')
+    cy.get('[data-test="vote-logo"]').click()
+    // * Check North Dakota
+    cy.get('[data-test="dropdown-btn"]').click()
+    cy.get('[data-test=state-list]').find('li').then(option => {
+      cy.get(option[36]).realClick()
+    })  
+    cy.url().should('include', '/register/nd/')
+  })
+})
+
+

cypress/support/commands.js

@@ -23,3 +23,5 @@
 //
 // -- This will overwrite an existing command --
 // Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+
+import "cypress-real-events";

data/translations/tl/footer.json

@@ -15,14 +15,15 @@
   "twitter_link": "https://twitter.com/votegov",
   "twitter_text": "I-follow ang %Vote.gov% sa Twitter (sa Ingles)",
   "about_link": "/tl/about-us/",
+  "accessibility_link": "/tl/accessibility",
   "sitemap_link": "/tl/sitemap/",
   "identifier_aria": "Tagatukoy ng Ahensya",
   "identifier_gsa_txt_aria": "Paglalarawan ng Ahensya",
   "identifier_gsa_txt": "Isang opisyal na website ng %link%",
   "identifier_gsa_txt__1": "Administrasyon ng Pangkalahatang Serbisyo (sa Ingles)",
   "identifier_link_aria": "Importanteng mga Links",
   "identifier_link_1": "Tungkol sa Vote.gov",
-  "identifier_link_2": "Aksesibilidad (sa Ingles)",
+  "identifier_link_2": "Aksesibilidad",
   "identifier_link_3": "Mga Kahilingang FOIA (sa Ingles)",
   "identifier_link_4": "Datos sa Batas ng Walang Takot (sa Ingles)",
   "identifier_link_5": "Opisina ng Inspektor Heneral (sa Ingles)",

data/translations/ypk/footer.json

@@ -16,6 +16,7 @@
   "twitter_link": "https://twitter.com/votegov",
   "twitter_text": "Maligtigu %Vote.gov% Twitter-ekun (Laluramkestun)",
   "about_link": "/ypk/about-us/",
+  "sitemap_link": "/ypk/sitemap/",
   "identifier_aria": "Qepghaghvigem nalluniighusii",
   "identifier_gsa_txt_aria": "Qepghaghvigem apellgha",
   "identifier_gsa_txt": "Website-eghpigaa %link%-em",
@@ -28,10 +29,11 @@
   "identifier_link_5": "Yuvghiighteghpigaam qepghaghviga (Laluramkestun)",
   "identifier_link_6": "Natetulngan apellghi (Laluramkestun)",
   "identifier_link_7": "Aksaqegkam apellgha (Laluramkestun)",
+  "identifier_link_8": "Natmun pisiq",
   "identifier_more_info_aria": "Kavemem ungipiillu salqumsugillu",
   "identifier_more_info": "Ivaghiiqsin U.S.-em kavemengan sameng pillghillu qepghaghvigillu? %link%",
   "identifier_more_info__1": "Takugu USA.gov (Laluramkestun)",
-  "gsa_logo_alt": "GSA logo",
-  "section_sign_up": "Email sign-up",
-  "section_contact": "Contact"
+  "gsa_logo_alt": "GSA-m igaa",
+  "section_sign_up": "Email-kun ilatusiq",
+  "section_contact": "Aleghqughqut"
 }

data/translations/ypk/homepage.json

@@ -24,5 +24,5 @@
   "registered_links__process": "Nakmikillghem igleghallgha (Laluramkestun)",
   "registered_links__process_url": "https://www.usa.gov/election",
   "search_placeholder": "Ivaghivikigu vote.gov",
-  "section_banner": "Official government website"
+  "section_banner": "Kavemem website-eghpigaa"
 }