{"version":3,"sources":["webpack:///./src/pages/bruksomrader.no.js","webpack:///./src/portal/portal-page/portal-header.js","webpack:///./src/portal/portal-page/portal-footer.js","webpack:///./src/portal/portal-page/portal-page.js","webpack:///./src/portal/portal-page/index.js"],"names":["HowtoPage","location","pageTitle","className","scope","PortalHeader","PortalFooter","language","useLanguage","PAGES","TEXTS","accessibilityToolLinks","value","heading","links","link","title","url","URL","PortalPage","children","mainTagId","id","tabIndex"],"mappings":"uHAAA,yDAMMA,EAAY,SAAC,GAAD,IAAGC,EAAH,kBAChB,iBAAYC,UAAZ,eAAqCD,SAAUA,GAC7C,sBADF,gBAEE,2BACE,sBADF,2BAEE,qBAFF,oGAME,yBACE,2BADF,qBAEE,kBAAIE,UAAU,UACZ,kBAAIC,MAAM,OADZ,aAEE,kBAAIA,MAAM,OAFZ,gBAGE,kBAAIA,MAAM,OAHZ,wBAIE,kBAAIA,MAAM,OANd,gBAQE,sBACE,sBADF,yBAEE,sBAFF,KAGE,sBAHF,SAIE,gCACS,qBADT,6EAEoB,qBAFpB,OAZJ,yHAmBE,sBACE,sBADF,iCAEE,sBAFF,KAGE,sBAHF,SAIE,gDACyB,wBADzB,0DAGE,wBAHF,0FAI6B,wBAJ7B,qCAKM,wBALN,MAvBJ,8BA+BE,sBACE,sBADF,8BAEE,sBAFF,8BAGE,sBAHF,SAIE,sBAnCJ,0RA2CE,sBACE,sBADF,6BAEE,sBAFF,8CAGE,sBAHF,SAIE,sBA/CJ,+YAwDE,sBACE,sBADF,2BAEE,sBAFF,aAGE,sBAHF,SAIE,sBA5DJ,0PAmEE,sBACE,sBADF,oCAEE,sBAFF,KAGE,sBAHF,gBAIE,sBA/ER,wSAyFE,2BACE,sBADF,8BAEE,qBAFF,sGAME,yBACE,2BADF,oBAEE,kBAAID,UAAU,UACZ,kBAAIC,MAAM,OADZ,QAEE,kBAAIA,MAAM,OAFZ,gBAGE,kBAAIA,MAAM,OAHZ,wBAIE,kBAAIA,MAAM,OANd,gBAQE,sBACE,sBADF,mCAEE,sBAFF,kBAGE,sBAHF,OAIE,sBAZJ,+BAcE,sBACE,sBADF,gCAEE,sBAFF,aAGE,sBAHF,OAIE,sBAlBJ,8GAuBE,sBACE,sBADF,+BAEE,sBAFF,aAGE,sBAHF,OAIE,4GAEkB,wBAFlB,yBAGE,wBAHF,+FAImC,wBAJnC,oFAME,wBANF,+JAQqC,wBARrC,uBA3BJ,MAsCE,sBACE,sBADF,mBAEE,sBAFF,qCAGE,sBAHF,YAIE,kFAEE,wBAFF,oBAE4B,wBAF5B,sBA1CJ,sCAgDE,sBACE,sBADF,yBAEE,sBAFF,qCAGE,sBAHF,SAIE,sBApJQ,mCAiKlB,iB,wjBClKMC,EAAe,WACnB,OACE,0BACE,mBAAKF,UAAU,UACb,iBAAWA,UAAU,qBACnB,gBAJR,UAcF,S,mdCbMG,EAAe,WAAO,IAClBC,EAAaC,cADI,SAEnBC,EAAQC,OAAd,MACMC,EAAyB,CAC7BF,EAD6B,MAE7BA,EAF6B,QAG7BA,EAH6B,OAI7BA,EAJF,UAMA,OACE,YAAC,IAAD,UAA8BG,MAAO,GACnC,sBAAQT,UAAU,UAChB,qBACE,iBACEU,QAASH,cADX,cAEEI,MAAOH,EAAA,KAA2B,SAAAI,GAAI,MAAK,CACzCC,MAAOD,EADkC,MAEzCE,IAAKF,EAAKG,cASxB,S,+cCjBMC,EAAa,SAAC,GAAuC,IAArCC,EAAoC,EAApCA,SAAUnB,EAA0B,EAA1BA,SAAUC,EAAgB,EAAhBA,UACxC,OACE,YAAC,IAAD,UAA0BU,MAAO,CAAEX,aACjC,qBACE,YAAC,IAAD,UAA8BW,MAAO,GACnC,iBAAKI,MAAOd,IACZ,mBAAKC,UAAU,UACb,iBAAUkB,UAAU,SACpB,cAFF,MAGE,iBAAMC,GAAN,OAAgBC,UAAW,GACzB,iBAAWpB,UAAU,gBAJzB,IAME,cAXV,WA2BF,S,+aC1CA,W","file":"component---src-pages-bruksomrader-no-js-a35992d669642d481adc.js","sourcesContent":["import React from \"react\"\nimport * as PropTypes from \"prop-types\"\nimport PortalPage from \"../portal/portal-page\"\n\nimport \"./how-to.css\"\n\nconst HowtoPage = ({ location }) => (\n  <PortalPage pageTitle=\"Bruksområder\" location={location}>\n    <h1>Bruksområder</h1>\n    <section>\n      <h2>How to use this website</h2>\n      <p>\n        This website can be used in several ways. In the following, we give you\n        a couple of suggestions.\n      </p>\n      <table>\n        <caption>Usage suggestions</caption>\n        <tr className=\"header\">\n          <th scope=\"col\">Objective</th>\n          <th scope=\"col\">Requirements</th>\n          <th scope=\"col\">Min. time estimation</th>\n          <th scope=\"col\">Description</th>\n        </tr>\n        <tr>\n          <td>Toggle rules manually</td>\n          <td>-</td>\n          <td>1 min</td>\n          <td>\n            Choose <q>Ruleset</q> to see which accessibility rules are on and\n            off. (A switch in <q>off</q> position equals accessibility issues.)\n            You can either set the rules one by one, or globally with the switch\n            on top.\n          </td>\n        </tr>\n        <tr>\n          <td>Toggle rules programmatically</td>\n          <td>-</td>\n          <td>1 min</td>\n          <td>\n            Load this website with <samp>?enableRules=false</samp> in the URI to\n            disable all rules.\n            <samp>?enableRules=true</samp> in the URI enables all rules. You can\n            also use the shortcut path <samp>v1</samp> to switch on all rules\n            and <samp>v2</samp> to switch off all rules.\n          </td>\n        </tr>\n        <tr>\n          <td>A11Y failure demonstration</td>\n          <td>Developer tools, HTML, CSS</td>\n          <td>5 min</td>\n          <td>\n            Visit an arbitrary page, then play with the toggles of your choice\n            in the settings menu while watching the markup in your browser&#39;s\n            developer tools as failures are injected into the page or taken\n            away. Some errors may become visible in the graphical user\n            interface, others not.\n          </td>\n        </tr>\n        <tr>\n          <td>Failure impact evaluation</td>\n          <td>Assistive technology (screen reader, etc.)</td>\n          <td>5 min</td>\n          <td>\n            Visit an arbitrary page with the desired assistive technology and\n            turn on / off A11Y failures of your choice in the settings menu.\n            Study what impact the injection of A11Y failures has with regard to\n            what content can or cannot be accessed, and potentially how the user\n            experience changes. The aforementioned can also be carried out in\n            combination with impairment simulation tools, or real users.\n          </td>\n        </tr>\n        <tr>\n          <td>A11Y checker validation</td>\n          <td>HTML, CSS</td>\n          <td>5 min</td>\n          <td>\n            Pick a page and adjust the injection of A11Y failures as desired.\n            Then pass the static page URI as computed to the accessiblity\n            checker of your choice to study whether the A11Y failures are\n            properly detected. Count false positives and negatives.\n          </td>\n        </tr>\n        <tr>\n          <td>User test baseline determination</td>\n          <td>-</td>\n          <td>hours - days</td>\n          <td>\n            Pick an audit metric such as SUS. Then calculate the metric for the\n            solution you need to assess, as well as for this website, by letting\n            users test both as part of task assignments. Determine the chosen\n            metric(s) for each user. Compare both metrics with each other for\n            various user groups.\n          </td>\n        </tr>\n      </table>\n    </section>\n    <section>\n      <h2>How to extend this website</h2>\n      <p>\n        The project / website can be extended in multiple ways. Here, we give\n        you a couple of suggestions.\n      </p>\n      <table>\n        <caption>Task suggestions</caption>\n        <tr className=\"header\">\n          <th scope=\"col\">Task</th>\n          <th scope=\"col\">Requirements</th>\n          <th scope=\"col\">Min. time estimation</th>\n          <th scope=\"col\">Description</th>\n        </tr>\n        <tr>\n          <td>Add more accessibility failures</td>\n          <td>git, WCAG, ...</td>\n          <td>2 d</td>\n          <td>Get the repository and ...</td>\n        </tr>\n        <tr>\n          <td>Add one or several languages</td>\n          <td>git, JSON</td>\n          <td>1 d</td>\n          <td>\n            Get the repository and add language strings as done with the other\n            languages in the language string JSON.\n          </td>\n        </tr>\n        <tr>\n          <td>Add more products / clothes</td>\n          <td>git, JSON</td>\n          <td>2 h</td>\n          <td>\n            First get the repository. Decide which product categories you want\n            to add. See the <samp>type</samp> fields in{\" \"}\n            <samp>src/data/products.js</samp> for existing categories. For each\n            new product, copy the picture to <samp>src/images/products/</samp>,\n            then add another object in the array of products in{\" \"}\n            <samp>products.js</samp> according to the structure of existing\n            objects. Before you go live, do not forget to add the appropriate\n            objects in the array of credits in <samp>src/data/credits.js</samp>.\n          </td>\n        </tr>\n        <tr>\n          <td>Add other pages</td>\n          <td>git, Node, Javascript, React, JSX</td>\n          <td>Min. 1 d</td>\n          <td>\n            Get the repository and copy one of the other pages in{\" \"}\n            <samp>src/pages</samp> or <samp>src/page-templates</samp>, then\n            modify the copy as needed.\n          </td>\n        </tr>\n        <tr>\n          <td>Modify existing pages</td>\n          <td>git, Node, Javascript, React, JSX</td>\n          <td>2-5 d</td>\n          <td>Get the repository and ...</td>\n        </tr>\n      </table>\n    </section>\n  </PortalPage>\n)\n\nHowtoPage.propTypes = {\n  location: PropTypes.shape({\n    pathname: PropTypes.string,\n  }),\n}\n\nexport default HowtoPage\n","import React from \"react\"\n\nimport Container from \"../../components/container\"\nimport Logo from \"../../components/logo\"\n\nconst PortalHeader = () => {\n  return (\n    <header>\n      <div className=\"header\">\n        <Container className=\"header__container\">\n          <Logo />\n        </Container>\n      </div>\n      {/** <Container>\n        <Breadcrumbs links={[{ text: \"Home\", url: \"/\" }]}/>\n      </Container> */}\n    </header>\n  )\n}\n\nexport default PortalHeader\n","import React from \"react\"\nimport Container from \"../../components/container\"\nimport HeadingLevelContext from \"../../components/semantic-heading/heading-level-context\"\nimport TEXTS from \"../../data/texts\"\nimport Navigation from \"../../components/navigation\"\nimport { useLanguage } from \"../../components/language\"\n\nconst PortalFooter = () => {\n  const { language } = useLanguage()\n  const PAGES = TEXTS[language].PAGES\n  const accessibilityToolLinks = [\n    PAGES.ABOUT,\n    PAGES.CREDITS,\n    PAGES.HOW_TO,\n    PAGES.SETTINGS,\n  ]\n  return (\n    <HeadingLevelContext.Provider value={2}>\n      <footer className=\"footer\">\n        <Container>\n          <Navigation\n            heading={TEXTS[language].PORTAL.FOOTER_HEADER}\n            links={accessibilityToolLinks.map(link => ({\n              title: link.TITLE,\n              url: link.URL,\n            }))}\n          />\n        </Container>\n      </footer>\n    </HeadingLevelContext.Provider>\n  )\n}\n\nexport default PortalFooter\n","import React from \"react\"\nimport * as PropTypes from \"prop-types\"\n\nimport Container from \"../../components/container\"\nimport { LanguageSupport } from \"../../components/language\"\nimport LocationContext from \"../../components/location-context\"\nimport HeadingLevelContext from \"../../components/semantic-heading/heading-level-context\"\nimport { Main } from \"../../components/semantic-region\"\nimport SEO from \"../../components/seo\"\nimport SkipLink from \"../../components/skip-link\"\nimport PortalHeader from \"./portal-header\"\nimport PortalFooter from \"./portal-footer\"\n\nimport \"../../components/layout/normalize.css\"\nimport \"../../components/layout/base.css\"\n\nconst PortalPage = ({ children, location, pageTitle }) => {\n  return (\n    <LocationContext.Provider value={{ location }}>\n      <LanguageSupport>\n        <HeadingLevelContext.Provider value={0}>\n          <SEO title={pageTitle} />\n          <div className=\"layout\">\n            <SkipLink mainTagId=\"main\" />\n            <PortalHeader />\n            <Main id=\"main\" tabIndex={-1}>\n              <Container className=\"stack--large\">{children}</Container>\n            </Main>\n            <PortalFooter />\n          </div>\n        </HeadingLevelContext.Provider>\n      </LanguageSupport>\n    </LocationContext.Provider>\n  )\n}\n\nPortalPage.propTypes = {\n  children: PropTypes.element,\n  location: PropTypes.shape({\n    pathname: PropTypes.string,\n  }),\n  pageTitle: PropTypes.string,\n}\n\nexport default PortalPage\n","import PortalPage from \"./portal-page\"\n\nexport default PortalPage\n"],"sourceRoot":""}