CINXE.COM

<!DOCTYPE html><html><head prefix="og: http://ogp.me/ns#"><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/><style data-styled="" data-styled-version="5.3.3">.lkjvRt{vertical-align:text-bottom;}/*!sc*/ data-styled.g1[id="sc-bdvvtL"]{content:"lkjvRt,"}/*!sc*/ .hVvGed{text-align:center;font-weight:bold;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;display:inline-block;width:auto;line-height:1.35;border:1px solid transparent;border-radius:.3rem;padding:0.75rem 1.25rem;background:#E5E9EB;color:#3D4245;padding:6px 10px;font-size:12px;}/*!sc*/ .hVvGed:hover{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .hVvGed:focus{outline:none;box-shadow:inset 0 0 0 0.2rem rgba(45,149,222,0.4);}/*!sc*/ .hVvGed:visited{color:#3D4245;}/*!sc*/ .hVvGed:hover{background:#DADFE2;}/*!sc*/ data-styled.g4[id="sc-hKwDye"]{content:"hVvGed,"}/*!sc*/ .igQbsT{margin-bottom:1.25rem;}/*!sc*/ data-styled.g6[id="sc-jRQBWg"]{content:"igQbsT,"}/*!sc*/ .jApmux{margin:auto;width:90vw;}/*!sc*/ @media (min-width:768px){.jApmux{width:720px;}}/*!sc*/ @media (min-width:1000px){.jApmux{width:960px;}}/*!sc*/ data-styled.g7[id="sc-gKclnd"]{content:"jApmux,"}/*!sc*/ .kmLDKr{margin:0.75rem 0 0;}/*!sc*/ @media (min-width:768px){.kmLDKr{margin:0.75rem 0 0;}}/*!sc*/ .kmLDKr a{color:#6B7377;font-size:0.75rem;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .kmLDKr a:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ .kmLDKr a svg{margin-right:0.25rem;}/*!sc*/ data-styled.g8[id="sc-iCfMLu"]{content:"kmLDKr,"}/*!sc*/ .fwuOgc{margin:1.25rem 0;text-align:center;}/*!sc*/ @media (min-width:768px){.fwuOgc{margin:0.75rem 0;}}/*!sc*/ .fwuOgc svg{vertical-align:baseline;}/*!sc*/ .fwuOgc span{display:inline-block;margin-left:0.25rem;font-weight:bold;font-size:1.25rem;color:#242527;}/*!sc*/ data-styled.g9[id="sc-furwcr"]{content:"fwuOgc,"}/*!sc*/ .LiGyC{padding-left:5vw;padding-right:5vw;overflow-x:auto;overflow-y:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:1.25rem;border-bottom:1px solid #DADFE2;}/*!sc*/ @media (min-width:768px){.LiGyC{padding-left:0;padding-right:0;width:720px;margin-left:auto;margin-right:auto;overflow:visible;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}}/*!sc*/ @media (min-width:1000px){.LiGyC{width:960px;}}/*!sc*/ .LiGyC > *:not(:first-child){margin-left:0.5rem;}/*!sc*/ data-styled.g10[id="sc-pVTFL"]{content:"LiGyC,"}/*!sc*/ .YnERV{display:inline-block;padding:0.75rem;font-size:0.875rem;font-weight:bold;color:#038662;border-bottom:3px solid #009D73;text-align:center;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap;}/*!sc*/ .YnERV:hover{color:#242527;color:#038662;}/*!sc*/ .dlNnRT{display:inline-block;padding:0.75rem;font-size:0.875rem;font-weight:normal;color:#6B7377;border-bottom:3px solid none;text-align:center;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap;}/*!sc*/ .dlNnRT:hover{color:#242527;color:#242527;}/*!sc*/ data-styled.g11[id="sc-jrQzAO"]{content:"YnERV,dlNnRT,"}/*!sc*/ .cfFZTJ{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:0.5rem;}/*!sc*/ data-styled.g12[id="sc-kDTinF"]{content:"cfFZTJ,"}/*!sc*/ .jMkJCa{margin-right:0.375rem;}/*!sc*/ data-styled.g13[id="sc-iqseJM"]{content:"jMkJCa,"}/*!sc*/ .dkQbpU{display:inline-block;margin-left:-6px;}/*!sc*/ .dkQbpU:first-child{margin-left:0;}/*!sc*/ .dkQbpU img{width:24px;height:24px;border-radius:50%;border:2px solid #FFF;vertical-align:middle;}/*!sc*/ data-styled.g14[id="sc-crHmcD"]{content:"dkQbpU,"}/*!sc*/ .eLzidY{margin:0;padding:0;list-style:none;line-height:1.4;}/*!sc*/ data-styled.g15[id="sc-egiyK"]{content:"eLzidY,"}/*!sc*/ .hatryS{display:inline-block;margin-right:0.75rem;}/*!sc*/ .hatryS:last-child{margin-right:0;}/*!sc*/ data-styled.g16[id="sc-bqiRlB"]{content:"hatryS,"}/*!sc*/ .fOytDi{color:#6B7377;font-size:0.75rem;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .fOytDi:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g17[id="sc-ksdxgE"]{content:"fOytDi,"}/*!sc*/ .khBKZC{margin-top:2rem;color:#6B7377;font-size:0.75rem;}/*!sc*/ .khBKZC > *{margin-top:0.75rem;}/*!sc*/ data-styled.g18[id="sc-hBUSln"]{content:"khBKZC,"}/*!sc*/ .erCtv{color:#6B7377;font-size:0.75rem;}/*!sc*/ .erCtv ul{margin:0;padding:0;list-style:none;}/*!sc*/ .erCtv ul li{display:inline-block;}/*!sc*/ .erCtv ul li > span{margin:0 0.375rem;}/*!sc*/ .erCtv ul a{color:#6B7377;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .erCtv ul a:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g19[id="sc-fotOHu"]{content:"erCtv,"}/*!sc*/ .bcqfTw{color:#6B7377;font-size:0.75rem;}/*!sc*/ data-styled.g20[id="sc-fFeiMQ"]{content:"bcqfTw,"}/*!sc*/ .fXxvup{max-height:auto;overflow:visible;position:relative;z-index:1;}/*!sc*/ @media (min-width:768px){.fXxvup{max-height:auto;}}/*!sc*/ .fXxvup:after{display:none;content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient( 0deg, #FFF, hsla(0,0%,100%,0) 3rem );}/*!sc*/ data-styled.g25[id="sc-dlVxhl"]{content:"fXxvup,"}/*!sc*/ .hVrOKL:not(:first-child){margin-top:2rem;}/*!sc*/ .hVrOKL:nth-child(n + 3){display:block;}/*!sc*/ data-styled.g26[id="sc-kfPuZi"]{content:"hVrOKL,"}/*!sc*/ .bDsMXk{border-bottom:3px solid #DADFE2;}/*!sc*/ data-styled.g27[id="sc-fKVqWL"]{content:"bDsMXk,"}/*!sc*/ .fbwRLI{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}/*!sc*/ .fbwRLI h1{line-height:1.4;font-size:1.125rem;margin:0 0.375rem 0 0;word-break:break-all;color:#242527;}/*!sc*/ @media (min-width:768px){.fbwRLI h1{font-size:1.5rem;}}/*!sc*/ data-styled.g28[id="sc-bBHxTw"]{content:"fbwRLI,"}/*!sc*/ .iUlhMW{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:0.75rem;border-top:2px solid #DADFE2;}/*!sc*/ .iUlhMW details{font-size:0.875rem;color:#6B7377;}/*!sc*/ .iUlhMW summary{margin-bottom:0.375rem;cursor:pointer;}/*!sc*/ .iUlhMW summary::-webkit-details-marker{display:none;}/*!sc*/ .iUlhMW summary:focus{outline:none;}/*!sc*/ .iUlhMW summary span{display:inline-block;margin-left:0.25rem;}/*!sc*/ data-styled.g32[id="sc-iJKOTD"]{content:"iUlhMW,"}/*!sc*/ .cNZxev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:2rem 0 1.25rem;padding-bottom:0.375rem;border-bottom:3px solid #DADFE2;}/*!sc*/ data-styled.g42[id="sc-cidDSM"]{content:"cNZxev,"}/*!sc*/ .iPveZk{margin:0;font-size:1.125rem;color:#242527;}/*!sc*/ .iPveZk a{margin-left:0.375rem;color:#6B7377;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .iPveZk a:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ .iPveZk a svg{vertical-align:middle;}/*!sc*/ data-styled.g43[id="sc-jcFjpl"]{content:"iPveZk,"}/*!sc*/ .hRgjVf{font-size:0.875rem;-webkit-text-decoration:none;text-decoration:none;color:#3D4245;}/*!sc*/ .hRgjVf:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ .hRgjVf span{display:inline-block;margin-left:0.5rem;}/*!sc*/ data-styled.g44[id="sc-caiLqq"]{content:"hRgjVf,"}/*!sc*/ .dIowcK{overflow:scroll;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-left:calc(-5vw);margin-right:calc(-5vw);padding-left:calc(5vw);padding-right:calc(5vw);}/*!sc*/ .dIowcK::after{content:" ";padding-right:calc(5vw);}/*!sc*/ @media (min-width:768px){.dIowcK{overflow:visible;margin:0;padding:0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.dIowcK::after{content:none;padding-right:0;}}/*!sc*/ data-styled.g45[id="sc-iUKqMP"]{content:"dIowcK,"}/*!sc*/ .iFOrlO{width:65%;min-width:65%;margin:0 0 0.75rem 0.75rem;border:1px solid #DADFE2;border-radius:.3rem;}/*!sc*/ .iFOrlO:first-child{margin-left:0;}/*!sc*/ @media (min-width:768px){.iFOrlO{width:32%;min-width:32%;margin:0 0 0.75rem 0;}.iFOrlO:first-child{margin-left:0;}}/*!sc*/ data-styled.g46[id="sc-iAKWXU"]{content:"iFOrlO,"}/*!sc*/ .eKDsnJ{display:block;padding:0.5rem 0.5rem 0.375rem;-webkit-text-decoration:none;text-decoration:none;color:#038662;font-size:0.6rem;line-height:1.2;}/*!sc*/ .eKDsnJ strong{margin-right:0.25rem;font-size:1rem;font-weight:normal;}/*!sc*/ data-styled.g48[id="sc-cTAqQK"]{content:"eKDsnJ,"}/*!sc*/ .cGnNsn{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:60px;margin:0 0.5rem 0.75rem;color:#242527;font-weight:bold;font-size:0.875rem;-webkit-text-decoration:none;text-decoration:none;line-height:1.4;}/*!sc*/ .cGnNsn:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g49[id="sc-jObWnj"]{content:"cGnNsn,"}/*!sc*/ .dcDqJM{position:relative;display:block;width:100%;height:100px;margin:0 auto;}/*!sc*/ .dcDqJM img{position:absolute;top:0px;left:0px;object-fit:cover;display:block;width:100%;height:100%;}/*!sc*/ data-styled.g50[id="sc-dPiLbb"]{content:"dcDqJM,"}/*!sc*/ .exscr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin:0.5rem;-webkit-text-decoration:none;text-decoration:none;color:#6B7377;font-size:0.75rem;}/*!sc*/ .exscr:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g52[id="sc-cNKqjZ"]{content:"exscr,"}/*!sc*/ .ckjIGV img{width:16px;height:16px;margin-right:0.375rem;vertical-align:middle;}/*!sc*/ data-styled.g53[id="sc-AjmGg"]{content:"ckjIGV,"}/*!sc*/ .lltUDN{display:inline-block;margin-right:0.75rem;font-size:0.875rem;}/*!sc*/ .lltUDN:last-child{margin-right:0;}/*!sc*/ .lltUDN a{color:#3D4245;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .lltUDN a:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g54[id="sc-khQegj"]{content:"lltUDN,"}/*!sc*/ .eTGxBZ{position:relative;border-radius:.3rem;border:1px solid #DADFE2;margin-top:1.25rem;}/*!sc*/ @media (min-width:768px){.eTGxBZ{margin-top:2rem;padding-left:40px;}}/*!sc*/ data-styled.g55[id="sc-hUpaCq"]{content:"eTGxBZ,"}/*!sc*/ @media (min-width:768px){.chuemY{position:absolute;top:16px;left:16px;}}/*!sc*/ .chuemY img{width:24px;height:24px;border-radius:50%;vertical-align:middle;}/*!sc*/ @media (min-width:768px){.chuemY img{width:32px;height:32px;}}/*!sc*/ data-styled.g56[id="sc-jgrJph"]{content:"chuemY,"}/*!sc*/ .gtijWP{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 1.25rem 0.5rem;font-size:0.75rem;line-height:1.4;color:#6B7377;}/*!sc*/ data-styled.g57[id="sc-gSQFLo"]{content:"gtijWP,"}/*!sc*/ .jiSLiQ{margin-left:0.5rem;}/*!sc*/ @media (min-width:768px){.jiSLiQ{margin-left:0;}}/*!sc*/ data-styled.g58[id="sc-lbhJGD"]{content:"jiSLiQ,"}/*!sc*/ .dCOBQS{vertical-align:middle;padding-right:0.25rem;color:#242527;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .dCOBQS:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g59[id="sc-iNGGcK"]{content:"dCOBQS,"}/*!sc*/ .cHHEBX{padding-left:0.25rem;vertical-align:middle;color:#6B7377;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .cHHEBX:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g60[id="sc-jeraig"]{content:"cHHEBX,"}/*!sc*/ .iGwSLi{-webkit-text-decoration:none;text-decoration:none;color:#3D4245;}/*!sc*/ .iGwSLi:hover h3{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ data-styled.g61[id="sc-eJwWfJ"]{content:"iGwSLi,"}/*!sc*/ .eKvbKi{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding:0 1.25rem;color:#242527;line-height:1.4;margin:0 0 1.25rem;font-size:1rem;}/*!sc*/ @media (min-width:768px){.eKvbKi{-webkit-line-clamp:3;font-size:1.125rem;}}/*!sc*/ data-styled.g62[id="sc-nVkyK"]{content:"eKvbKi,"}/*!sc*/ .cSVtPS{-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent);padding-bottom:0.75rem;}/*!sc*/ .cSVtPS p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5;margin:0 1.25rem;font-size:0.875rem;line-height:1.75;}/*!sc*/ data-styled.g63[id="sc-hiwPVj"]{content:"cSVtPS,"}/*!sc*/ .fvupeU{position:relative;width:100%;margin:0 auto 1.25rem;}/*!sc*/ @media (min-width:768px){.fvupeU{width:auto;margin:0 1.25rem 1.25rem;}}/*!sc*/ .fvupeU img{display:block;max-width:100%;max-height:400px;margin:auto;}/*!sc*/ @media (min-width:768px){.fvupeU img{max-height:480px;}}/*!sc*/ data-styled.g64[id="sc-ehCJOs"]{content:"fvupeU,"}/*!sc*/ .bdhVtG{margin:0 1.25rem 1.25rem;}/*!sc*/ data-styled.g65[id="sc-lcepkR"]{content:"bdhVtG,"}/*!sc*/ .koQkfJ a{display:block;}/*!sc*/ .koQkfJ a img{width:200px;height:55px;display:block;}/*!sc*/ @media (min-width:768px){.koQkfJ a img{width:230px;height:63px;}}/*!sc*/ data-styled.g67[id="sc-gGCDDS"]{content:"koQkfJ,"}/*!sc*/ .cQSyCH{background:#FFF;border-bottom:1px solid #DADFE2;}/*!sc*/ data-styled.g68[id="sc-clIzBv"]{content:"cQSyCH,"}/*!sc*/ .euEQxt{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:auto;height:56px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/ @media (min-width:768px){.euEQxt{width:720px;}}/*!sc*/ @media (min-width:1000px){.euEQxt{width:960px;}}/*!sc*/ data-styled.g69[id="sc-faUpoM"]{content:"euEQxt,"}/*!sc*/ html{line-height:1.15;-webkit-text-size-adjust:100%;}/*!sc*/ body{margin:0;}/*!sc*/ main{display:block;}/*!sc*/ h1{font-size:2em;margin:0.67em 0;}/*!sc*/ hr{box-sizing:content-box;height:0;overflow:visible;}/*!sc*/ pre{font-family:monospace,monospace;font-size:1em;}/*!sc*/ a{background-color:transparent;}/*!sc*/ abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}/*!sc*/ b,strong{font-weight:bolder;}/*!sc*/ code,kbd,samp{font-family:monospace,monospace;font-size:1em;}/*!sc*/ small{font-size:80%;}/*!sc*/ sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}/*!sc*/ sub{bottom:-0.25em;}/*!sc*/ sup{top:-0.5em;}/*!sc*/ img{border-style:none;}/*!sc*/ button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}/*!sc*/ button,input{overflow:visible;}/*!sc*/ button,select{text-transform:none;}/*!sc*/ button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}/*!sc*/ button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}/*!sc*/ button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}/*!sc*/ fieldset{padding:0.35em 0.75em 0.625em;}/*!sc*/ legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}/*!sc*/ progress{vertical-align:baseline;}/*!sc*/ textarea{overflow:auto;}/*!sc*/ [type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}/*!sc*/ [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}/*!sc*/ [type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}/*!sc*/ [type="search"]::-webkit-search-decoration{-webkit-appearance:none;}/*!sc*/ ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}/*!sc*/ details{display:block;}/*!sc*/ summary{display:list-item;}/*!sc*/ template{display:none;}/*!sc*/ [hidden]{display:none;}/*!sc*/ html{-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;}/*!sc*/ body{font-family:-apple-system,BlinkMacSystemFont,'Avenir Next','Segoe UI',Arial,sans-serif;background:#FFF;color:#3D4245;line-height:1.6;word-wrap:break-word;}/*!sc*/ a{color:#0E6ACE;}/*!sc*/ *,*::before,*::after{box-sizing:border-box;}/*!sc*/ [hidden]{display:none !important;}/*!sc*/ data-styled.g81[id="sc-global-hlvyRX1"]{content:"sc-global-hlvyRX1,"}/*!sc*/ .fSZqjM{margin-bottom:calc(2rem + 50px);}/*!sc*/ @media (min-width:576px){.fSZqjM{margin-bottom:calc(2rem + 90px);}}/*!sc*/ data-styled.g82[id="sc-hOGkXu"]{content:"fSZqjM,"}/*!sc*/ .bmPyql{margin:0 auto 3.25rem;}/*!sc*/ data-styled.g83[id="sc-dtMgUX"]{content:"bmPyql,"}/*!sc*/ .fWpXUO{margin-top:2rem;padding-bottom:0.375rem;border-bottom:3px solid #DADFE2;}/*!sc*/ .fWpXUO h2{margin:0;font-size:1.125rem;color:#242527;}/*!sc*/ data-styled.g84[id="sc-cZMNgc"]{content:"fWpXUO,"}/*!sc*/ .gKiXsd{margin:auto;width:90vw;}/*!sc*/ @media (min-width:768px){.gKiXsd{width:720px;}}/*!sc*/ @media (min-width:1000px){.gKiXsd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:960px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}}/*!sc*/ data-styled.g86[id="sc-jQrDum"]{content:"gKiXsd,"}/*!sc*/ @media (min-width:1000px){.jDQHrM{width:calc(960px - 300px - 2rem);}}/*!sc*/ data-styled.g87[id="sc-fvxzrP"]{content:"jDQHrM,"}/*!sc*/ @media (min-width:1000px){.jDxbCk{width:300px;}}/*!sc*/ data-styled.g88[id="sc-fbyfCU"]{content:"jDxbCk,"}/*!sc*/ </style><link rel="icon" sizes="16x16 32x32 48x48 64x64" href="https://live.blog-tags.st-hatena.com//_next/static/images/favicon-8c3808340882afcb341562e33da12325.ico"/><link rel="apple-touch-icon" type="image/png" href="https://live.blog-tags.st-hatena.com//_next/static/images/favicon-180-d5514c44500bfeca92f576e984aacd8a.png"/><link rel="icon" type="image/png" href="https://live.blog-tags.st-hatena.com//_next/static/images/favicon-192-05f2ab3910776ea8e1aea414fc5257e4.png"/><meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"/><meta charSet="utf-8"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-46136157-1"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-46136157-1'); </script><script src="https://cdn.pool.st-hatena.com/valve/valve.js" async=""></script><title>スクリーンリーダーとは人気・最新記事を集めました - はてな</title><meta property="og:title" content="スクリーンリーダーとは人気・最新記事を集めました - はてな"/><meta property="og:type" content="article"/><meta property="og:site_name" content="はてなブログタグ"/><meta name="twitter:card" content="summary_large_image"/><meta property="og:image" content="https://live.blog-tags.st-hatena.com//_next/static/images/ogImageDefault-0b14dbf84ffadcafc73ec8b1d951813c.png"/><meta property="og:url" content="https://d.hatena.ne.jp/keyword/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC"/><link rel="canonical" href="https://d.hatena.ne.jp/keyword/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC"/><meta property="og:description" content="「スクリーンリーダー」とは - "/><meta name="next-head-count" content="13"/><link rel="preload" href="https://live.blog-tags.st-hatena.com/_next/static/8MX8gND8BYpmrsrzfNHI8/pages/keyword/_permalink_reborn.js" as="script"/><link rel="preload" href="https://live.blog-tags.st-hatena.com/_next/static/8MX8gND8BYpmrsrzfNHI8/pages/_app.js" as="script"/><link rel="preload" href="https://live.blog-tags.st-hatena.com/_next/static/runtime/webpack-035ac2b14bde147cb4a8.js" as="script"/><link rel="preload" href="https://live.blog-tags.st-hatena.com/_next/static/chunks/commons.d78459f0c3cff869b62b.js" as="script"/><link rel="preload" href="https://live.blog-tags.st-hatena.com/_next/static/runtime/main-389f2d5a5a59288bda75.js" as="script"/></head><body class="page-index"><div id="__next"><div class="sc-hOGkXu fSZqjM"><header class="sc-clIzBv cQSyCH"><div class="sc-faUpoM euEQxt"><div class="sc-gGCDDS koQkfJ"><a href="https://d.hatena.ne.jp/keyword/"><img src="https://live.blog-tags.st-hatena.com//_next/static/images/serviceLogo-69b3b2c074e155b6211649fba846eb8d.svg" alt="Hatena Blog Tags"/></a></div></div></header><div></div><div class="sc-jRQBWg igQbsT"><div class="sc-gKclnd jApmux"><div class="sc-iCfMLu kmLDKr"><a href="https://hatenablog.com/"><svg width="14" height="14" viewBox="0 0 24 24" class="sc-bdvvtL lkjvRt"><path fill="#6B7377" d="M16.2,0,19,2.8,9.7,12,19,21.2,16.2,24,4,12Z"></path></svg>はてなブログトップ</a></div><div class="sc-furwcr fwuOgc"><svg width="18" height="18" viewBox="0 0 24 24" class="sc-bdvvtL lkjvRt"><path fill="#6B7377" d="M22.4,15.1H17.6l1.2-6.2h3.6A1.6,1.6,0,0,0,24,7.4a1.6,1.6,0,0,0-1.6-1.6H19.5l.8-3.9A1.7,1.7,0,0,0,19,0a1.6,1.6,0,0,0-1.8,1.3l-.9,4.5H10.2L11,1.9A1.6,1.6,0,0,0,9.8,0,1.7,1.7,0,0,0,7.9,1.3L7,5.8H1.6A1.6,1.6,0,0,0,0,7.4,1.6,1.6,0,0,0,1.6,8.9H6.4L5.2,15.1H1.6A1.6,1.6,0,0,0,0,16.6a1.6,1.6,0,0,0,1.6,1.6H4.5l-.8,3.9A1.7,1.7,0,0,0,5,24h.3a1.5,1.5,0,0,0,1.5-1.3l.9-4.5h6.1L13,22.1A1.6,1.6,0,0,0,14.2,24h.4a1.6,1.6,0,0,0,1.5-1.3l.9-4.5h5.4A1.6,1.6,0,0,0,24,16.6,1.6,1.6,0,0,0,22.4,15.1Zm-14.1,0L9.6,8.9h6.1l-1.3,6.2Z"></path></svg><span>スクリーンリーダー</span></div><div class="sc-kDTinF cfFZTJ"><div class="sc-iqseJM jMkJCa"><span class="sc-crHmcD dkQbpU"><img src="https://cdn.image.st-hatena.com/image/square/c8f8a42752d790c627840d5e05731eb476348993/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F158586092%2F1643772498893162" alt=""/></span><span class="sc-crHmcD dkQbpU"><img src="https://cdn.image.st-hatena.com/image/square/c8f8a42752d790c627840d5e05731eb476348993/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F158586092%2F1643772498893162" alt=""/></span><span class="sc-crHmcD dkQbpU"><img src="https://cdn.image.st-hatena.com/image/square/cf8cf5e2a946038e309ed16703919b9989dad265/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F159521491%2F1722408653835643" alt=""/></span></div><a href="https://blog.hatena.ne.jp/my/edit?fill_tag=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC" class="sc-hKwDye sc-eCImPb hVvGed">このタグでブログを書く</a></div></div><div class="sc-pVTFL LiGyC"><div><a href="#tag-body" selected="" class="sc-jrQzAO YnERV">言葉の解説</a></div><div><a href="#hot-topics" class="sc-jrQzAO dlNnRT">ネットで話題</a></div><div><a href="#related-blog" class="sc-jrQzAO dlNnRT">関連ブログ</a></div></div></div><div class="sc-jQrDum gKiXsd"><div class="sc-fvxzrP jDQHrM"><div class="sc-dtMgUX bmPyql"><div id="tag-body"><div class="sc-dlVxhl fXxvup"><div class="sc-kfPuZi hVrOKL"><header class="sc-fKVqWL bDsMXk"><div class="sc-bBHxTw fbwRLI"><h1>スクリーンリーダー</h1></div></header></div></div><div class="sc-iJKOTD iUlhMW"><details><summary><svg width="16" height="16" viewBox="0 0 24 24" class="sc-bdvvtL lkjvRt"><path fill="#6B7377" d="M13.2,7a1.2,1.2,0,0,1-2.4,0,1.2,1.2,0,1,1,2.4,0ZM24,12A12,12,0,1,1,12,0,12,12,0,0,1,24,12Zm-2,0A10,10,0,1,0,12,22,10,10,0,0,0,22,12ZM9,10v2h2v6h2V10Z"></path></svg><span>このタグの解説について</span></summary>この解説文は、<a href="https://staff.hatenablog.com/entry/2019/06/20/153000">すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集</a>した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、<a href="https://www.hatena.ne.jp/faq/q/blog#contact">お問い合わせフォーム</a>よりご連絡ください。</details></div></div></div><div></div><div class="sc-cZMNgc fWpXUO"><h2 id="related-blog">関連ブログ</h2></div><div class="sc-hUpaCq eTGxBZ"><div class="sc-gSQFLo gtijWP"><a href="https://creators.bengo4.com/" class="sc-jgrJph chuemY"><img src="https://cdn.image.st-hatena.com/image/square/c8f8a42752d790c627840d5e05731eb476348993/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F158586092%2F1643772498893162" alt=""/></a><div class="sc-lbhJGD jiSLiQ"><a href="https://creators.bengo4.com/" class="sc-iNGGcK dCOBQS">弁護士ドットコム株式会社 Creators’ blog</a>•<a href="https://creators.bengo4.com/entry/2025/02/13/070000" class="sc-jeraig cHHEBX">9日前</a></div></div><a href="https://creators.bengo4.com/entry/2025/02/13/070000" class="sc-eJwWfJ iGwSLi"><h3 class="sc-nVkyK eKvbKi">スクリーンリーダーが <footer> 要素を「フッター」と読みません！</h3><div class="sc-ehCJOs fvupeU"><img src="https://cdn.image.st-hatena.com/image/scale/a28ba32718df2a38acad227bdb04b788f58d89dc/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fa8ddc7543af90120e0e373584f860260d3a247a1%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fb%252Fbengo4%252F20250213%252F20250213070011.png" alt=""/></div><div class="sc-hiwPVj cSVtPS"><p>はじめにクラウドサインでは、組織内でアクセシビリティ向上に向けた改善を進めています。今回は、スクリーンリーダーと <footer> 要素にまつわるお話です。きっかけ 2024 年 9 月に「弁護士ドットコム×SmartHR「出張！俺の電子契約」〜クラウドサインのアクセシビリティチェック〜」というイベントを開催しました。視覚障害当事者である SmartHR 社の辻さんに、スクリーンリーダーを使ってクラウドサインを操作していただくイベントでした。詳細は記事イベント開催レポート：「出張！俺の電子契約」〜クラウドサインをアクセシビリティチェック〜 - 弁護士ドットコム株式会社 Creato…</p></div></a><div class="sc-lcepkR bdhVtG"><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89">#フロントエンド</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3">#アクセシビリティ</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC">#スクリーンリーダー</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/WAI-ARIA">#WAI-ARIA</a></span></div></div><div id="hot-topics"><div><div class="sc-cidDSM cNZxev"><h2 class="sc-jcFjpl iPveZk">ネットで話題<a href="https://help.hatenablog.com/entry/hatenabookmark" aria-label="はてなブックマークとは"><svg width="16" height="16" viewBox="0 0 24 24" class="sc-bdvvtL lkjvRt"><path fill="#6B7377" d="M12,2A10,10,0,1,1,2,12,10,10,0,0,1,12,2Zm0-2A12,12,0,1,0,24,12,12,12,0,0,0,12,0Zm1.2,17A1.2,1.2,0,1,1,12,15.8,1.2,1.2,0,0,1,13.2,17ZM14.6,7a3.6,3.6,0,0,0-2.5-1C9.9,6,8.5,7.6,8.5,10h2c0-1.5.8-2,1.6-2a1.2,1.2,0,0,1,1.3,1.2c.1.9-.4,1.3-.9,1.8A3.6,3.6,0,0,0,11,14.5h2a2.8,2.8,0,0,1,1-2.2,4.5,4.5,0,0,0,1.5-3A3.2,3.2,0,0,0,14.6,7Z"></path></svg></a></h2><a href="https://b.hatena.ne.jp/search/title?sort=popular&q=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC" class="sc-caiLqq hRgjVf"><svg width="16" height="16" viewBox="0 0 24 24" class="sc-bdvvtL lkjvRt"><path fill="#6B7377" d="M21,13V23H0V4H12V6H2V21H19V13ZM24,1H13l4,4-6.9,7.1,2.8,2.8,7-7.1L24,12Z"></path></svg><span>もっと見る</span></a></div></div><div class="sc-iUKqMP dIowcK"><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/creators.bengo4.com/entry/2025/02/13/070000" class="sc-cTAqQK eKDsnJ"><strong>70</strong>ブックマーク</a><a href="https://creators.bengo4.com/entry/2025/02/13/070000" class="sc-jObWnj cGnNsn">スクリーンリーダーが <footer> 要素を「フッター」と読みません！ - 弁護士ドットコム株式会社 Creators’ blog</a><a href="https://creators.bengo4.com/entry/2025/02/13/070000" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/c1aaf3afb19eef8e31989885f9565375385fa296/height=200;version=1;width=200/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fa8ddc7543af90120e0e373584f860260d3a247a1%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fb%252Fbengo4%252F20250213%252F20250213070011.png" alt=""/></a><a href="https://b.hatena.ne.jp/site/creators.bengo4.com/" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2025%2F02%2F13%2F070000" width="16px" height="16px" alt=""/>creators.bengo4.com</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/kagan/articles/html-dl-vs-ul-vs-table" class="sc-cTAqQK eKDsnJ"><strong>65</strong>ブックマーク</a><a href="https://zenn.dev/kagan/articles/html-dl-vs-ul-vs-table" class="sc-jObWnj cGnNsn">【HTML】dl, dt, ddで組みたくなる表、tableにするのがいいかもね（スクリーンリーダーと検索エンジンのために）</a><a href="https://zenn.dev/kagan/articles/html-dl-vs-ul-vs-table" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/e3a89ef502051782d62b7110513489f280cfe7d4/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--YSN8mvnT--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252580%252590HTML%2525E3%252580%252591dl%25252C%252520dt%25252C%252520dd%2525E3%252581%2525A7%2525E7%2525B5%252584%2525E3%252581%2525BF%2525E3%252581%25259F%2525E3%252581%25258F%2525E3%252581%2525AA%2525E3%252582%25258B%2525E8%2525A1%2525A8%2525E3%252580%252581table%2525E3%252581%2525AB%2525E3%252581%252599%2525E3%252582%25258B%2525E3%252581%2525AE%2525E3%252581%25258C%2525E3%252581%252584%2525E3%252581%252584%2525E3%252581%25258B%2525E3%252582%252582%2525E3%252581%2525AD%2525EF%2525BC%252588%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%252580%2525E3%252583%2525BC%2525E3%252581%2525A8%2525E6%2525A4%25259C%2525E7%2525B4%2525A2%2525E3%252582%2525A8%2525E3%252583%2525B3%2525E3%252582%2525B8%2525E3%252583%2525B3...%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252581%25258B%2525E3%252581%25258C%2525E3%252582%252593%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2pxRzhkLXVXenp5SlJteDF3NU9tcE9KZjdkNHFHUXo5ZFowNy0wNmc9czk2LWM%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt=""/></a><a href="https://b.hatena.ne.jp/site/zenn.dev/kagan" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Fkagan%2Farticles%2Fhtml-dl-vs-ul-vs-table" width="16px" height="16px" alt=""/>zenn.dev</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/qiita.com/ymrl/items/11e78cd6fbfdae39de84" class="sc-cTAqQK eKDsnJ"><strong>48</strong>ブックマーク</a><a href="https://qiita.com/ymrl/items/11e78cd6fbfdae39de84" class="sc-jObWnj cGnNsn">スクリーンリーダーの操作にはTab以外のキーも必要です - Qiita</a><a href="https://qiita.com/ymrl/items/11e78cd6fbfdae39de84" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/b3119e5c2b0e532a3533ba658bca39956ef8fb7d/height=200;version=1;width=200/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMjIzMzMlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODM1NTA_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9MWM1NTQ3ZDI5ODA5ZTc3ZjY0MzU3NzMzM2QxYjliYzA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D2aa340adfd5ec59cb65526e5cbd6b342%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgyJUI5JUUzJTgyJUFGJUUzJTgzJUFBJUUzJTgzJUJDJUUzJTgzJUIzJUUzJTgzJUFBJUUzJTgzJUJDJUUzJTgzJTgwJUUzJTgzJUJDJUUzJTgxJUFFJUU2JTkzJThEJUU0JUJEJTlDJUUzJTgxJUFCJUUzJTgxJUFGVGFiJUU0JUJCJUE1JUU1JUE0JTk2JUUzJTgxJUFFJUUzJTgyJUFEJUUzJTgzJUJDJUUzJTgyJTgyJUU1JUJGJTg1JUU4JUE2JTgxJUUzJTgxJUE3JUUzJTgxJTk5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NjI2MThkZWY4NDAyODYwMmU3M2NmNzcwYTI5ODkyMzk%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB5bXJsJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NGEzNjg2OGM2ZGMzNDE4NGYxYTJkYzA5ZGUwMWVmNDI%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D2959d9680a406c200a9fec14c586aa63" alt=""/></a><a href="https://b.hatena.ne.jp/site/qiita.com/ymrl" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fqiita.com%2Fymrl%2Fitems%2F11e78cd6fbfdae39de84" width="16px" height="16px" alt=""/>qiita.com</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ubie_dev/articles/499d3ecff708c0" class="sc-cTAqQK eKDsnJ"><strong>40</strong>ブックマーク</a><a href="https://zenn.dev/ubie_dev/articles/499d3ecff708c0" class="sc-jObWnj cGnNsn">SPA(Next.js)のスクリーンリーダーによる画面遷移で工夫したこと</a><a href="https://zenn.dev/ubie_dev/articles/499d3ecff708c0" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/032871702bd55241147597eba161d5ec1ad081d8/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--eYWJ4XFH--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ASPA%252528Next.js%252529%2525E3%252581%2525AE%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%252580%2525E3%252583%2525BC%2525E3%252581%2525AB%2525E3%252582%252588%2525E3%252582%25258B%2525E7%252594%2525BB%2525E9%25259D%2525A2%2525E9%252581%2525B7%2525E7%2525A7%2525BB%2525E3%252581%2525A7%2525E5%2525B7%2525A5%2525E5%2525A4%2525AB%2525E3%252581%252597%2525E3%252581%25259F%2525E3%252581%252593%2525E3%252581%2525A8%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3AUbie%25252C%252520Inc.%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2VlOWMzMWRhODMuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3AUbie%252520%2525E3%252583%252586%2525E3%252583%252583%2525E3%252582%2525AF%2525E3%252583%252596%2525E3%252583%2525AD%2525E3%252582%2525B0%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzIxM2U3YzMzMGUuanBlZw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt=""/></a><a href="https://b.hatena.ne.jp/site/zenn.dev/ubie_dev" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Fubie_dev%2Farticles%2F499d3ecff708c0" width="16px" height="16px" alt=""/>zenn.dev</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/ymrl/articles/761efe95091798" class="sc-cTAqQK eKDsnJ"><strong>36</strong>ブックマーク</a><a href="https://zenn.dev/ymrl/articles/761efe95091798" class="sc-jObWnj cGnNsn">HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか（と思ってブラウザ拡張を作ってる）</a><a href="https://zenn.dev/ymrl/articles/761efe95091798" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/d262924f345fb4bd20726a6e12479921f5f1d489/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--vyg9Q2mA--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AHTML%2525E3%252582%252592%2525E7%25259B%2525B4%2525E6%25258E%2525A5%2525E8%2525AA%2525AD%2525E3%252581%2525BF%2525E6%25259B%2525B8%2525E3%252581%25258D%2525E3%252581%25259B%2525E3%252581%25259A%2525E3%252580%252581%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%252580%2525E3%252583%2525BC%2525E3%252582%252582%2525E4%2525BD%2525BF%2525E3%252582%25258F%2525E3%252581%25259A%2525E3%252581%2525AB%2525E3%252580%252581%2525E3%252582%2525A2%2525E3%252582%2525AF%2525E3%252582%2525BB%2525E3%252582%2525B7%2525E3%252583%252593%2525E3%252583%2525AA%2525E3%252583%252586%2525E3%252582%2525A3%2525E3%252582%252592%2525E5%252590%252591%2525E4%2525B8%25258A%2525E3%252581%252595%2525E3%252581%25259B%2525E3%252582%252589%2525E3%252582%25258C%2525E3%252581%2525AA%2525E3%252581%252584%2525E3%252581%2525A0%2525E3%252582%25258D%2525E3%252581%252586%2525E3%252581%25258B%2525EF%2525BC%252588%2525E3%252581%2525A8%2525E6%252580%25259D%2525E3%252581%2525A3%2525E3%252581%2525A6%2525E3%252583%252596%2525E3%252583%2525A9...%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aymrl%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2cxMEtvem5ETXNrSFdYVkN4dkxvYUdhaGxLNmdOVlB4cnV5eG1YNGc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt=""/></a><a href="https://b.hatena.ne.jp/site/zenn.dev/ymrl" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Fymrl%2Farticles%2F761efe95091798" width="16px" height="16px" alt=""/>zenn.dev</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/zenn.dev/yusukehirao/articles/dl-dt-dd-wai-aria" class="sc-cTAqQK eKDsnJ"><strong>33</strong>ブックマーク</a><a href="https://zenn.dev/yusukehirao/articles/dl-dt-dd-wai-aria" class="sc-jObWnj cGnNsn">dl/dt/ddのスクリーンリーダーの読み上げをなんとかする</a><a href="https://zenn.dev/yusukehirao/articles/dl-dt-dd-wai-aria" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/593e7ac9d2e1c5b7fd2e02ddcdeb64bba9bcbae0/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--b2mYNtXY--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3Adl%25252Fdt%25252Fdd%2525E3%252581%2525AE%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%252580%2525E3%252583%2525BC%2525E3%252581%2525AE%2525E8%2525AA%2525AD%2525E3%252581%2525BF%2525E4%2525B8%25258A%2525E3%252581%252592%2525E3%252582%252592%2525E3%252581%2525AA%2525E3%252582%252593%2525E3%252581%2525A8%2525E3%252581%25258B%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252582%252586%2525E3%252581%252586%2525E3%252581%2525A6%2525E3%252582%252593%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2kyUjJhZW0zYXB3MjFneHFmUGJGSlpDaG1ndEs2aG9jS0VNbV9JT3c9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png" alt=""/></a><a href="https://b.hatena.ne.jp/site/zenn.dev/yusukehirao" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Fyusukehirao%2Farticles%2Fdl-dt-dd-wai-aria" width="16px" height="16px" alt=""/>zenn.dev</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/ics.media/entry/230821/" class="sc-cTAqQK eKDsnJ"><strong>33</strong>ブックマーク</a><a href="https://ics.media/entry/230821/" class="sc-jObWnj cGnNsn">アクセシビリティーに考慮するHTMLコーディング - WAI-ARIAでスクリーンリーダーの読み上げがこう変わる - ICS MEDIA</a><a href="https://ics.media/entry/230821/" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/fe9bc520ca73e60f605e735d8109612a38af8806/height=200;version=1;width=200/https%3A%2F%2Fics.media%2Fentry%2F230821%2Fimages%2F230824_eyecatch.jpg" alt=""/></a><a href="https://b.hatena.ne.jp/site/ics.media/" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fics.media%2Fentry%2F230821%2F" width="16px" height="16px" alt=""/>ics.media</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/ja.osdn.net/projects/nvdajp/" class="sc-cTAqQK eKDsnJ"><strong>32</strong>ブックマーク</a><a href="https://ja.osdn.net/projects/nvdajp/" class="sc-jObWnj cGnNsn">スクリーンリーダーNVDA日本語版 (エヌブイディーエーニホンゴバン) プロジェクト日本語トップページ - OSDN</a><a href="https://ja.osdn.net/projects/nvdajp/" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/88b5812b26169b8d02a15cc6dcd3017c2b5d62d7/height=200;version=1;width=200/https%3A%2F%2Fstatic-cdn.osdn.net%2Fthumb%2Fg%2F3%2F178%2F200x200_0.png" alt=""/></a><a href="https://b.hatena.ne.jp/site/ja.osdn.net/" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fja.osdn.net%2Fprojects%2Fnvdajp%2F" width="16px" height="16px" alt=""/>ja.osdn.net</span></a></div></div><div class="sc-iAKWXU iFOrlO"><div class="sc-efQSVx kdrjec"><a href="https://b.hatena.ne.jp/entry/s/qiita.com/ymrl/items/934af34b7e52407c8359" class="sc-cTAqQK eKDsnJ"><strong>30</strong>ブックマーク</a><a href="https://qiita.com/ymrl/items/934af34b7e52407c8359" class="sc-jObWnj cGnNsn">macOS の VoiceOver で Web サイトのスクリーンリーダー対応をはじめよう - Qiita</a><a href="https://qiita.com/ymrl/items/934af34b7e52407c8359" class="sc-dPiLbb dcDqJM"><img src="https://cdn.image.st-hatena.com/image/square/0305b63a7685f00aa90af8962ea09d8e450c5e53/height=200;version=1;width=200/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9bWFjT1MlMjAlRTMlODElQUUlMjBWb2ljZU92ZXIlMjAlRTMlODElQTclMjBXZWIlMjAlRTMlODIlQjUlRTMlODIlQTQlRTMlODMlODglRTMlODElQUUlRTMlODIlQjklRTMlODIlQUYlRTMlODMlQUElRTMlODMlQkMlRTMlODMlQjMlRTMlODMlQUElRTMlODMlQkMlRTMlODMlODAlRTMlODMlQkMlRTUlQUYlQkUlRTUlQkYlOUMlRTMlODIlOTIlRTMlODElQUYlRTMlODElOTglRTMlODIlODElRTMlODIlODglRTMlODElODYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWU2MTI4NTFjNTY0NjIyZWRmMmUwNzBlNjI4ZDYzYmE5%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5bXJsJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lOGJiODNiY2YzNDA0ZDQ4ODBjYzI4OWQ2MTJiN2IyOQ%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gZnJlZWU%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3Dc526259d0707941d2570ec64a88290bf" alt=""/></a><a href="https://b.hatena.ne.jp/site/qiita.com/ymrl" class="sc-cNKqjZ exscr"><span class="sc-AjmGg ckjIGV"><img src="https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fqiita.com%2Fymrl%2Fitems%2F934af34b7e52407c8359" width="16px" height="16px" alt=""/>qiita.com</span></a></div></div></div></div><div></div><div class="sc-cZMNgc fWpXUO"><div><h2>関連ブログ</h2></div></div><div><div><div class="sc-hUpaCq eTGxBZ"><div class="sc-gSQFLo gtijWP"><a href="https://creators.bengo4.com/" class="sc-jgrJph chuemY"><img src="https://cdn.image.st-hatena.com/image/square/c8f8a42752d790c627840d5e05731eb476348993/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F158586092%2F1643772498893162" alt=""/></a><div class="sc-lbhJGD jiSLiQ"><a href="https://creators.bengo4.com/" class="sc-iNGGcK dCOBQS">弁護士ドットコム株式会社 Creators’ blog</a>•<a href="https://creators.bengo4.com/entry/2024/11/05/080000" class="sc-jeraig cHHEBX">4ヶ月前</a></div></div><a href="https://creators.bengo4.com/entry/2024/11/05/080000" class="sc-eJwWfJ iGwSLi"><h3 class="sc-nVkyK eKvbKi">イベント開催レポート：「出張！俺の電子契約」〜クラウドサインをアクセシビリティチェック〜</h3><div class="sc-ehCJOs fvupeU"><img src="https://cdn.image.st-hatena.com/image/scale/0e87318fca42ea2a7c75f1b6d74ddef18483dfaf/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Febb85b26ff9fc2d96a0ea6ecfa28fb89998da405%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fb%252Fbengo4%252F20241105%252F20241105080022.png" alt=""/></div><div class="sc-hiwPVj cSVtPS"><p>クラウドサインは2015年サービスリリース後、不定期でアクセシビリティの改善を行ってきました。2023年以降、より持続的な改善活動を開始、2024年にはウェブアクセシビリティ試験結果を公開し、利用者の年齢・生活環境・利用環境などに関わらず「誰もが使えるサービス」を目指しています。 2024年9月11日(水) SmartHRさんとのハイブリッドイベント「弁護士ドットコム×SmartHR「出張！俺の電子契約」〜クラウドサインのアクセシビリティチェック〜」を開催しました。オンライン参加者約70名、オフライン参加者約50名と大盛況でした。本記事ではイベントの雰囲気と一部の内容をご紹介します。イベン…</p></div></a><div class="sc-lcepkR bdhVtG"><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%82%A6%E3%82%A7%E3%83%96%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3">#ウェブアクセシビリティ</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%82%B5%E3%82%A4%E3%83%B3">#クラウドサイン</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC">#スクリーンリーダー</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E7%82%B9%E5%AD%97%E3%83%87%E3%82%A3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4">#点字ディスプレイ</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/a11y">#a11y</a></span></div></div></div><div class="sc-hUpaCq eTGxBZ"><div class="sc-gSQFLo gtijWP"><a href="https://endlessos.hatenablog.com/" class="sc-jgrJph chuemY"><img src="https://cdn.image.st-hatena.com/image/square/cf8cf5e2a946038e309ed16703919b9989dad265/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F159521491%2F1722408653835643" alt=""/></a><div class="sc-lbhJGD jiSLiQ"><a href="https://endlessos.hatenablog.com/" class="sc-iNGGcK dCOBQS">図解 Endless OS</a>•<a href="https://endlessos.hatenablog.com/entry/2024/07/13/161826" class="sc-jeraig cHHEBX">7ヶ月前</a></div></div><a href="https://endlessos.hatenablog.com/entry/2024/07/13/161826" class="sc-eJwWfJ iGwSLi"><h3 class="sc-nVkyK eKvbKi">Endless OSのスクリーンリーダー（音声読み上げ機能）の代換え案。</h3><div class="sc-ehCJOs fvupeU"><img src="https://cdn.image.st-hatena.com/image/scale/a818a8eea1051f9b78ffbbfd51e03f71fd1abecb/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F9389fbead94009509e6ef42a297a6f0695863abb%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252FE%252FEndlessT2%252F20240713%252F20240713160938.png" alt=""/></div><div class="sc-hiwPVj cSVtPS"><p>設定画面でスクリーンリーダーをオンにしたらバグなのか？まともじゃない。なので代わりに、ブラウザの音声読み上げ機能を使う方法を調べてみました。ブラウザで音声読み上げ機能を使う方法がいくつかあります。以下に代表的なブラウザでの手順を紹介します。 Microsoft Edgeウェブサイトを開く: 音声で読み上げたいウェブページを開きます。メニューを開く: 画面右上の「…」ボタンをクリックします。音声で読み上げる: メニューから「音声で読み上げる」を選択します。すぐに読み上げが始まります。ショートカットキーを使う場合は、Ctrl + Shift + Uを押すと音声読み上げが開始されます。 Goog…</p></div></a><div class="sc-lcepkR bdhVtG"><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/Endless%20OS">#Endless OS</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC">#スクリーンリーダー</a></span><span class="sc-khQegj lltUDN"><a href="https://d.hatena.ne.jp/keyword/%E4%BB%A3%E6%8F%9B%E3%81%88%E6%A1%88">#代換え案</a></span></div></div><div></div></div></div><div class="sc-fbyfCU jDxbCk"><div></div><footer class="sc-hBUSln khBKZC"><div class="sc-fotOHu erCtv"><ul itemscope="" itemType="http://schema.org/BreadcrumbList"><li itemscope="" itemProp="itemListElement" itemType="http://schema.org/ListItem"><a href="https://hatenablog.com/" itemProp="item"><span itemProp="name">はてなブログ</span></a><meta itemProp="position" content="1"/></li><li itemscope="" itemProp="itemListElement" itemType="http://schema.org/ListItem"><span>></span><span itemProp="name">未指定</span><meta itemProp="position" content="2"/></li><li itemscope="" itemProp="itemListElement" itemType="http://schema.org/ListItem"><span>></span><a href="https://d.hatena.ne.jp/keyword/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC" itemProp="item"><span itemProp="name">スクリーンリーダー</span></a><meta itemProp="position" content="3"/></li></ul></div><ul class="sc-egiyK eLzidY"><li class="sc-bqiRlB hatryS"><a href="https://d.hatena.ne.jp/" class="sc-ksdxgE fOytDi">はてなブログタグとは</a></li><li class="sc-bqiRlB hatryS"><a href="https://help.hatenablog.com/" class="sc-ksdxgE fOytDi">ヘルプ</a></li><li class="sc-bqiRlB hatryS"><a href="https://staff.hatenablog.com/" class="sc-ksdxgE fOytDi">開発ブログ</a></li><li class="sc-bqiRlB hatryS"><a href="https://hatenablog.com/" class="sc-ksdxgE fOytDi">はてなブログトップ</a></li></ul><div class="sc-fFeiMQ bcqfTw">Copyright (C) 2001-2025 Hatena.</div></footer></div></div><div></div><div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"dataManager":"[]","props":{"pageProps":{},"apolloState":{"data":{"ROOT_QUERY":{"__typename":"Query","tag({\"name\":\"スクリーンリーダー\"})":{"__typename":"Tag","meanings({\"first\":5})":{"__typename":"MeaningConnection","nodes":[{"__typename":"Meaning","canBeIndexedBySearchEngine":true,"tagId":"1974379929692877598","revisions({\"first\":1})":{"__typename":"TagRevisionConnection","nodes":[{"__typename":"TagRevision","formattedBody({\"plainTextLength\":50})":{"__typename":"FormattedBody","HTML":"","Text":""}}]},"name":"スクリーンリーダー","furigana":"","genre":{"__typename":"Genre","name":"未指定","url":"/keywordlist?cname=%E6%9C%AA%E6%8C%87%E5%AE%9A"}}]},"hotArticles({\"first\":16})":{"__typename":"HotArticleConnection","nodes":[]},"taggedBlogArticlesRealResult({\"first\":10})":{"__typename":"TaggedBlogArticleConnection","nodes":[{"__typename":"BlogArticle","title":"スクリーンリーダーが \u003cfooter\u003e 要素を「フッター」と読みません！","thumbnail":{"__typename":"ResizeableImage","originalURL":"https://cdn.image.st-hatena.com/image/scale/a8ddc7543af90120e0e373584f860260d3a247a1/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20250213%2F20250213070011.png","scaledImageURL({\"enlarge\":false,\"height\":220,\"width\":586})":"https://cdn.image.st-hatena.com/image/scale/a28ba32718df2a38acad227bdb04b788f58d89dc/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fa8ddc7543af90120e0e373584f860260d3a247a1%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fb%252Fbengo4%252F20250213%252F20250213070011.png"},"hasOwnThumbnail":true,"summary":"はじめにクラウドサインでは、組織内でアクセシビリティ向上に向けた改善を進めています。今回は、スクリーンリーダーと \u003cfooter\u003e 要素にまつわるお話です。きっかけ 2024 年 9 月に「弁護士ドットコム×SmartHR「出張！俺の電子契約」〜クラウドサインのアクセシビリティチェック〜」というイベントを開催しました。視覚障害当事者である SmartHR 社の辻さんに、スクリーンリーダーを使ってクラウドサインを操作していただくイベントでした。詳細は記事イベント開催レポート：「出張！俺の電子契約」〜クラウドサインをアクセシビリティチェック〜 - 弁護士ドットコム株式会社 Creato…","url":"https://creators.bengo4.com/entry/2025/02/13/070000","tags":{"__typename":"AssociatedTagsConnection","nodes":[{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89","name":"フロントエンド"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3","name":"アクセシビリティ"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC","name":"スクリーンリーダー"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/WAI-ARIA","name":"WAI-ARIA"}]},"publishedAt":"2025-02-13T07:00:00+09:00","blog":{"__typename":"Blog","url":"https://creators.bengo4.com/","title":"弁護士ドットコム株式会社 Creators’ blog","iconURL":"https://cdn.image.st-hatena.com/image/square/c8f8a42752d790c627840d5e05731eb476348993/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F158586092%2F1643772498893162"}},{"__typename":"BlogArticle","title":"イベント開催レポート：「出張！俺の電子契約」〜クラウドサインをアクセシビリティチェック〜","thumbnail":{"__typename":"ResizeableImage","originalURL":"https://cdn.image.st-hatena.com/image/scale/ebb85b26ff9fc2d96a0ea6ecfa28fb89998da405/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fb%2Fbengo4%2F20241105%2F20241105080022.png","scaledImageURL({\"enlarge\":false,\"height\":220,\"width\":586})":"https://cdn.image.st-hatena.com/image/scale/0e87318fca42ea2a7c75f1b6d74ddef18483dfaf/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Febb85b26ff9fc2d96a0ea6ecfa28fb89998da405%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fb%252Fbengo4%252F20241105%252F20241105080022.png"},"hasOwnThumbnail":true,"summary":"クラウドサインは2015年サービスリリース後、不定期でアクセシビリティの改善を行ってきました。2023年以降、より持続的な改善活動を開始、2024年にはウェブアクセシビリティ試験結果を公開し、利用者の年齢・生活環境・利用環境などに関わらず「誰もが使えるサービス」を目指しています。 2024年9月11日(水) SmartHRさんとのハイブリッドイベント「弁護士ドットコム×SmartHR「出張！俺の電子契約」〜クラウドサインのアクセシビリティチェック〜」を開催しました。オンライン参加者約70名、オフライン参加者約50名と大盛況でした。本記事ではイベントの雰囲気と一部の内容をご紹介します。イベン…","url":"https://creators.bengo4.com/entry/2024/11/05/080000","tags":{"__typename":"AssociatedTagsConnection","nodes":[{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%82%A6%E3%82%A7%E3%83%96%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3","name":"ウェブアクセシビリティ"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%82%B5%E3%82%A4%E3%83%B3","name":"クラウドサイン"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC","name":"スクリーンリーダー"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E7%82%B9%E5%AD%97%E3%83%87%E3%82%A3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4","name":"点字ディスプレイ"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/a11y","name":"a11y"}]},"publishedAt":"2024-11-05T08:00:00+09:00","blog":{"__typename":"Blog","url":"https://creators.bengo4.com/","title":"弁護士ドットコム株式会社 Creators’ blog","iconURL":"https://cdn.image.st-hatena.com/image/square/c8f8a42752d790c627840d5e05731eb476348993/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F158586092%2F1643772498893162"}},{"__typename":"BlogArticle","title":"Endless OSのスクリーンリーダー（音声読み上げ機能）の代換え案。","thumbnail":{"__typename":"ResizeableImage","originalURL":"https://cdn.image.st-hatena.com/image/scale/9389fbead94009509e6ef42a297a6f0695863abb/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2FE%2FEndlessT2%2F20240713%2F20240713160938.png","scaledImageURL({\"enlarge\":false,\"height\":220,\"width\":586})":"https://cdn.image.st-hatena.com/image/scale/a818a8eea1051f9b78ffbbfd51e03f71fd1abecb/enlarge=0;height=220;version=1;width=586/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F9389fbead94009509e6ef42a297a6f0695863abb%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252FE%252FEndlessT2%252F20240713%252F20240713160938.png"},"hasOwnThumbnail":true,"summary":"設定画面でスクリーンリーダーをオンにしたらバグなのか？まともじゃない。なので代わりに、ブラウザの音声読み上げ機能を使う方法を調べてみました。ブラウザで音声読み上げ機能を使う方法がいくつかあります。以下に代表的なブラウザでの手順を紹介します。 Microsoft Edgeウェブサイトを開く: 音声で読み上げたいウェブページを開きます。メニューを開く: 画面右上の「…」ボタンをクリックします。音声で読み上げる: メニューから「音声で読み上げる」を選択します。すぐに読み上げが始まります。ショートカットキーを使う場合は、Ctrl + Shift + Uを押すと音声読み上げが開始されます。 Goog…","url":"https://endlessos.hatenablog.com/entry/2024/07/13/161826","tags":{"__typename":"AssociatedTagsConnection","nodes":[{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/Endless%20OS","name":"Endless OS"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC","name":"スクリーンリーダー"},{"__typename":"Tag","url":"https://d.hatena.ne.jp/keyword/%E4%BB%A3%E6%8F%9B%E3%81%88%E6%A1%88","name":"代換え案"}]},"publishedAt":"2024-07-13T16:18:26+09:00","blog":{"__typename":"Blog","url":"https://endlessos.hatenablog.com/","title":"図解 Endless OS","iconURL":"https://cdn.image.st-hatena.com/image/square/cf8cf5e2a946038e309ed16703919b9989dad265/backend=imagemagick;height=128;version=1;width=128/https%3A%2F%2Fcdn.user.blog.st-hatena.com%2Fblog_custom_icon%2F159521491%2F1722408653835643"}}],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null}},"name":"スクリーンリーダー","primaryMeaning":{"__typename":"Meaning","genre":{"__typename":"Genre","name":"未指定","url":"/keywordlist?cname=%E6%9C%AA%E6%8C%87%E5%AE%9A"}},"url":"https://d.hatena.ne.jp/keyword/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC","furigana":"","bookmarkedEntries({\"first\":10,\"order\":\"RECENT\"})":{"__typename":"BookmarkedEntryConnection","nodes":[{"__typename":"BookmarkEntry","title":"スクリーンリーダーが \u003cfooter\u003e 要素を「フッター」と読みません！ - 弁護士ドットコム株式会社 Creators’ blog","description":"はじめにクラウドサインでは、組織内でアクセシビリティ向上に向けた改善を進めています。今回は、スクリーンリーダーと \u003cfooter\u003e 要素にまつわるお話です。きっかけ 2024 年 9 月に「弁護士ドットコム×SmartHR「出張！俺の電子契約」〜クラウドサインのアクセシビリティチェック〜」というイベントを開催しました。 ...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/c1aaf3afb19eef8e31989885f9565375385fa296/height=200;version=1;width=200/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fa8ddc7543af90120e0e373584f860260d3a247a1%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fb%252Fbengo4%252F20250213%252F20250213070011.png"},"bookmarksCount":70,"siteURL":"creators.bengo4.com","url":"https://creators.bengo4.com/entry/2025/02/13/070000","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/creators.bengo4.com/entry/2025/02/13/070000","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/creators.bengo4.com/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2025%2F02%2F13%2F070000"},{"__typename":"BookmarkEntry","title":"とあるSNSアプリをスクリーンリーダーで使って考えたこと - Qiita","description":"Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近サービスが開始したとあるSNS。知り合いから招待をいただきアプリをインストールし、早速使い始めようとして躓いたときに考えたことを記載します。環境は Android 、 TalkBac...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/33ac3a8c9b84abe1fd025043ec689d4ee592e65f/height=200;version=1;width=200/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTM3MTAwJTJGcHJvZmlsZS1pbWFnZXMlMkYxNDczNzIwMTcwP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTk0NDU3NTY1ZTkxYTI5MjkzY2IwMTEyOGI2N2YwYjE2%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D8977b73be51a4383e9303f95aadfb904%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgxJUE4JUUzJTgxJTgyJUUzJTgyJThCU05TJUUzJTgyJUEyJUUzJTgzJTk3JUUzJTgzJUFBJUUzJTgyJTkyJUUzJTgyJUI5JUUzJTgyJUFGJUUzJTgzJUFBJUUzJTgzJUJDJUUzJTgzJUIzJUUzJTgzJUFBJUUzJTgzJUJDJUUzJTgzJTgwJUUzJTgzJUJDJUUzJTgxJUE3JUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUU4JTgwJTgzJUUzJTgxJTg4JUUzJTgxJTlGJUUzJTgxJTkzJUUzJTgxJUE4JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NGMwMDc1MWU4ZmYxNjkyOTUwNTZhOWJhMmRlYjJkNmU%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB5YW1hXzE5ODMmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1lMzYzOTczODk5Zjk5N2I4MmVhZmJiMWIyYzNmYmI0Zg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D0ea4c7664f702d19ebdcf68328adea24"},"bookmarksCount":8,"siteURL":"qiita.com","url":"https://qiita.com/yama_1983/items/352f8006c4c604743a50","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/qiita.com/yama_1983/items/352f8006c4c604743a50","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/qiita.com/yama_1983","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fqiita.com%2Fyama_1983%2Fitems%2F352f8006c4c604743a50"},{"__typename":"BookmarkEntry","title":"スクリーンリーダーの操作にはTab以外のキーも必要です - Qiita","description":"macOSのSafariでは、ボタンやリンクにTabキーでフォーカスを移動できないのがデフォルトの設定になっている Safariでは、「設定」画面の「詳細」パネル内にある「Tabキーを押したときにWebページ上の各項目を強調表示」のチェックを入れていないと、Tabキーを押したときにボタンやリンクにフォーカスが移動しません（Opt...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/b3119e5c2b0e532a3533ba658bca39956ef8fb7d/height=200;version=1;width=200/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMjIzMzMlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODM1NTA_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9MWM1NTQ3ZDI5ODA5ZTc3ZjY0MzU3NzMzM2QxYjliYzA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D2aa340adfd5ec59cb65526e5cbd6b342%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgyJUI5JUUzJTgyJUFGJUUzJTgzJUFBJUUzJTgzJUJDJUUzJTgzJUIzJUUzJTgzJUFBJUUzJTgzJUJDJUUzJTgzJTgwJUUzJTgzJUJDJUUzJTgxJUFFJUU2JTkzJThEJUU0JUJEJTlDJUUzJTgxJUFCJUUzJTgxJUFGVGFiJUU0JUJCJUE1JUU1JUE0JTk2JUUzJTgxJUFFJUUzJTgyJUFEJUUzJTgzJUJDJUUzJTgyJTgyJUU1JUJGJTg1JUU4JUE2JTgxJUUzJTgxJUE3JUUzJTgxJTk5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NjI2MThkZWY4NDAyODYwMmU3M2NmNzcwYTI5ODkyMzk%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB5bXJsJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NGEzNjg2OGM2ZGMzNDE4NGYxYTJkYzA5ZGUwMWVmNDI%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D2959d9680a406c200a9fec14c586aa63"},"bookmarksCount":48,"siteURL":"qiita.com","url":"https://qiita.com/ymrl/items/11e78cd6fbfdae39de84","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/qiita.com/ymrl/items/11e78cd6fbfdae39de84","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/qiita.com/ymrl","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fqiita.com%2Fymrl%2Fitems%2F11e78cd6fbfdae39de84"},{"__typename":"BookmarkEntry","title":"Stailerがスクリーンリーダーに対応するまでの道のり~Flutterでのスクリーンリーダー対応について、あるいはユーザビリティやユーザー獲得の話~ - 10X Product Blog","description":"こんにちは、ソフトウェアエンジニアの@futaboooです。先日スクリーンリーダーへ対応したプレスリリースを配信しました。今日はその裏側について紹介です。 10x.co.jp はじめにとあるパートナーのネットスーパーシステムをStailerへリプレイスして少しすると、お客様から「今まで使えていたのに使えなくなった！」とい...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/f0cf4e16745f29022b1fb4edf7325e6a419f47d9/height=200;version=1;width=200/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F4e202b4e8fa25729c20c5bae87128aec3d89e3d6%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Ff%252Ffutabooo%252F20240625%252F20240625115321.png"},"bookmarksCount":29,"siteURL":"product.10x.co.jp","url":"https://product.10x.co.jp/entry/2024/07/01/124355","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/product.10x.co.jp/entry/2024/07/01/124355","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/product.10x.co.jp/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fproduct.10x.co.jp%2Fentry%2F2024%2F07%2F01%2F124355"},{"__typename":"BookmarkEntry","title":"Firefox、オンデバイスAIで画像のAltテキストを自動生成する実験的機能を導入、スクリーンリーダーのユーザーに利便性","description":"Firefoxの開発元であるMozillaは、Webページ上の画像のAltテキストをオンデバイスAIモデルを使用して自動的に生成する実験的な機能を、9月にリリースされる予定のFirefox 130で導入することを明らかにしました。この機能は、Firefoxに搭載されているPDFエディタの一部となる予定です。最終目標としては、Webページを音...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/378aff3724705b4b6f039b5b95c66adbaf3c096e/height=200;version=1;width=200/https%3A%2F%2Fwww.publickey1.jp%2F2024%2Flocal-alttext-gen-firefox01.png"},"bookmarksCount":16,"siteURL":"www.publickey1.jp","url":"https://www.publickey1.jp/blog/24/firefoxaialt.html","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/www.publickey1.jp/blog/24/firefoxaialt.html","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/www.publickey1.jp/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fwww.publickey1.jp%2Fblog%2F24%2Ffirefoxaialt.html"},{"__typename":"BookmarkEntry","title":"HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか（と思ってブラウザ拡張を作ってる）","description":"HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか（と思ってブラウザ拡張を作ってる）これまでの何年間か、Webアクセシビリティまわりのことをやってきた中で、「Webアクセシビリティに取り組む」上でいろいろな障壁を感じてきました。「なぜWebアクセシビリティを...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/d262924f345fb4bd20726a6e12479921f5f1d489/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--vyg9Q2mA--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AHTML%2525E3%252582%252592%2525E7%25259B%2525B4%2525E6%25258E%2525A5%2525E8%2525AA%2525AD%2525E3%252581%2525BF%2525E6%25259B%2525B8%2525E3%252581%25258D%2525E3%252581%25259B%2525E3%252581%25259A%2525E3%252580%252581%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%252580%2525E3%252583%2525BC%2525E3%252582%252582%2525E4%2525BD%2525BF%2525E3%252582%25258F%2525E3%252581%25259A%2525E3%252581%2525AB%2525E3%252580%252581%2525E3%252582%2525A2%2525E3%252582%2525AF%2525E3%252582%2525BB%2525E3%252582%2525B7%2525E3%252583%252593%2525E3%252583%2525AA%2525E3%252583%252586%2525E3%252582%2525A3%2525E3%252582%252592%2525E5%252590%252591%2525E4%2525B8%25258A%2525E3%252581%252595%2525E3%252581%25259B%2525E3%252582%252589%2525E3%252582%25258C%2525E3%252581%2525AA%2525E3%252581%252584%2525E3%252581%2525A0%2525E3%252582%25258D%2525E3%252581%252586%2525E3%252581%25258B%2525EF%2525BC%252588%2525E3%252581%2525A8%2525E6%252580%25259D%2525E3%252581%2525A3%2525E3%252581%2525A6%2525E3%252583%252596%2525E3%252583%2525A9...%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aymrl%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2cxMEtvem5ETXNrSFdYVkN4dkxvYUdhaGxLNmdOVlB4cnV5eG1YNGc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png"},"bookmarksCount":36,"siteURL":"zenn.dev","url":"https://zenn.dev/ymrl/articles/761efe95091798","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/zenn.dev/ymrl/articles/761efe95091798","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/zenn.dev/ymrl","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Fymrl%2Farticles%2F761efe95091798"},{"__typename":"BookmarkEntry","title":"【HTML】dl, dt, ddで組みたくなる表、tableにするのがいいかもね（スクリーンリーダーと検索エンジンのために）","description":"dl や ul で組むべきでないという主張ではありませんので誤解のなきよう！ dl で書くんだ！と思える人はそれがいいと思います😉👍 私自身は dl と table が HTML の使い方としてはどちらも正解で差がないように感じられて、どちらを使うべきか判断がつかず悩んだ末、具体的なメリットの部分を見て table にしたという話...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/e3a89ef502051782d62b7110513489f280cfe7d4/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--YSN8mvnT--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252580%252590HTML%2525E3%252580%252591dl%25252C%252520dt%25252C%252520dd%2525E3%252581%2525A7%2525E7%2525B5%252584%2525E3%252581%2525BF%2525E3%252581%25259F%2525E3%252581%25258F%2525E3%252581%2525AA%2525E3%252582%25258B%2525E8%2525A1%2525A8%2525E3%252580%252581table%2525E3%252581%2525AB%2525E3%252581%252599%2525E3%252582%25258B%2525E3%252581%2525AE%2525E3%252581%25258C%2525E3%252581%252584%2525E3%252581%252584%2525E3%252581%25258B%2525E3%252582%252582%2525E3%252581%2525AD%2525EF%2525BC%252588%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%252580%2525E3%252583%2525BC%2525E3%252581%2525A8%2525E6%2525A4%25259C%2525E7%2525B4%2525A2%2525E3%252582%2525A8%2525E3%252583%2525B3%2525E3%252582%2525B8%2525E3%252583%2525B3...%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252581%25258B%2525E3%252581%25258C%2525E3%252582%252593%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2pxRzhkLXVXenp5SlJteDF3NU9tcE9KZjdkNHFHUXo5ZFowNy0wNmc9czk2LWM%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png"},"bookmarksCount":65,"siteURL":"zenn.dev","url":"https://zenn.dev/kagan/articles/html-dl-vs-ul-vs-table","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/zenn.dev/kagan/articles/html-dl-vs-ul-vs-table","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/zenn.dev/kagan","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Fkagan%2Farticles%2Fhtml-dl-vs-ul-vs-table"},{"__typename":"BookmarkEntry","title":"テーブルの仮想スクロールとスクリーンリーダー向けのアクセシビリティ","description":"Webアプリケーションで、大量のデータを表示したいときに使われる、「仮想スクロール」と呼ばれるテクニックがあります。大量のデータを素直にDOMに挿入してしまうと、レンダリングの処理に非常に負荷がかかり、場合によってはブラウザをフリーズさせてしまったりします。そこで使われるのが「仮想スクロール」です。ス...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/f66fe0dfbce17e9687e16a05ef992bd138aefb15/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--xph2YMgQ--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252583%252586%2525E3%252583%2525BC%2525E3%252583%252596%2525E3%252583%2525AB%2525E3%252581%2525AE%2525E4%2525BB%2525AE%2525E6%252583%2525B3%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AD%2525E3%252583%2525BC%2525E3%252583%2525AB%2525E3%252581%2525A8%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%252580%2525E3%252583%2525BC%2525E5%252590%252591%2525E3%252581%252591%2525E3%252581%2525AE%2525E3%252582%2525A2%2525E3%252582%2525AF%2525E3%252582%2525BB%2525E3%252582%2525B7%2525E3%252583%252593%2525E3%252583%2525AA%2525E3%252583%252586%2525E3%252582%2525A3%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aymrl%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2cxMEtvem5ETXNrSFdYVkN4dkxvYUdhaGxLNmdOVlB4cnV5eG1YNGc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png"},"bookmarksCount":30,"siteURL":"zenn.dev","url":"https://zenn.dev/ymrl/articles/c6ea1e78e3ce40","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/zenn.dev/ymrl/articles/c6ea1e78e3ce40","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/zenn.dev/ymrl","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Fymrl%2Farticles%2Fc6ea1e78e3ce40"},{"__typename":"BookmarkEntry","title":"単体テストでスクリーンリーダーをシミュレートする Virtual Screen Reader","description":"単体テストでスクリーンリーダーをシミュレートする Virtual Screen Reader 2024.03.16 Virtual Screen Reader は単体テストのためにスクリーンリーダをシミュレートするライブラリです。このライブラリを使うことでマウスやキボードの操作をテストするように、スクリーンリーダーにより期待する読み上げが行われるかど...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/38aa92396b10056f6c9769cdc4490dc3a8bfddec/height=200;version=1;width=200/https%3A%2F%2Fazukiazusa.dev%2Fblog%2Fogp%2Funit-test-visual-screen-reader.png"},"bookmarksCount":6,"siteURL":"azukiazusa.dev","url":"https://azukiazusa.dev/blog/unit-test-visual-screen-reader/","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/azukiazusa.dev/blog/unit-test-visual-screen-reader/","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/azukiazusa.dev/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fazukiazusa.dev%2Fblog%2Funit-test-visual-screen-reader%2F"},{"__typename":"BookmarkEntry","title":"dl/dt/ddのスクリーンリーダーの読み上げをなんとかする","description":"この記事で取り上げる手法は実験的です。何か問題があった際に、すぐに修正・改善できる立場にないのであれば採用するべきではありません。期待と異なる読み上げスクリーンリーダーを使ったことがある開発者ならご存知のとおり、dl要素、dt要素、dd要素の構造はスクリーンリーダーの読み上げにおいては期待と異なる挙...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/593e7ac9d2e1c5b7fd2e02ddcdeb64bba9bcbae0/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--b2mYNtXY--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3Adl%25252Fdt%25252Fdd%2525E3%252581%2525AE%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%252580%2525E3%252583%2525BC%2525E3%252581%2525AE%2525E8%2525AA%2525AD%2525E3%252581%2525BF%2525E4%2525B8%25258A%2525E3%252581%252592%2525E3%252582%252592%2525E3%252581%2525AA%2525E3%252582%252593%2525E3%252581%2525A8%2525E3%252581%25258B%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252582%252586%2525E3%252581%252586%2525E3%252581%2525A6%2525E3%252582%252593%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2kyUjJhZW0zYXB3MjFneHFmUGJGSlpDaG1ndEs2aG9jS0VNbV9JT3c9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png"},"bookmarksCount":33,"siteURL":"zenn.dev","url":"https://zenn.dev/yusukehirao/articles/dl-dt-dd-wai-aria","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/zenn.dev/yusukehirao/articles/dl-dt-dd-wai-aria","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/zenn.dev/yusukehirao","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Fyusukehirao%2Farticles%2Fdl-dt-dd-wai-aria"}]},"bookmarkedEntries({\"first\":9,\"order\":\"POPULAR\"})":{"__typename":"BookmarkedEntryConnection","nodes":[{"__typename":"BookmarkEntry","title":"スクリーンリーダーが \u003cfooter\u003e 要素を「フッター」と読みません！ - 弁護士ドットコム株式会社 Creators’ blog","description":"はじめにクラウドサインでは、組織内でアクセシビリティ向上に向けた改善を進めています。今回は、スクリーンリーダーと \u003cfooter\u003e 要素にまつわるお話です。きっかけ 2024 年 9 月に「弁護士ドットコム×SmartHR「出張！俺の電子契約」〜クラウドサインのアクセシビリティチェック〜」というイベントを開催しました。 ...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/c1aaf3afb19eef8e31989885f9565375385fa296/height=200;version=1;width=200/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fa8ddc7543af90120e0e373584f860260d3a247a1%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fb%252Fbengo4%252F20250213%252F20250213070011.png"},"bookmarksCount":70,"siteURL":"creators.bengo4.com","url":"https://creators.bengo4.com/entry/2025/02/13/070000","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/creators.bengo4.com/entry/2025/02/13/070000","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/creators.bengo4.com/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fcreators.bengo4.com%2Fentry%2F2025%2F02%2F13%2F070000"},{"__typename":"BookmarkEntry","title":"【HTML】dl, dt, ddで組みたくなる表、tableにするのがいいかもね（スクリーンリーダーと検索エンジンのために）","description":"dl や ul で組むべきでないという主張ではありませんので誤解のなきよう！ dl で書くんだ！と思える人はそれがいいと思います😉👍 私自身は dl と table が HTML の使い方としてはどちらも正解で差がないように感じられて、どちらを使うべきか判断がつかず悩んだ末、具体的なメリットの部分を見て table にしたという話...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/e3a89ef502051782d62b7110513489f280cfe7d4/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--YSN8mvnT--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252580%252590HTML%2525E3%252580%252591dl%25252C%252520dt%25252C%252520dd%2525E3%252581%2525A7%2525E7%2525B5%252584%2525E3%252581%2525BF%2525E3%252581%25259F%2525E3%252581%25258F%2525E3%252581%2525AA%2525E3%252582%25258B%2525E8%2525A1%2525A8%2525E3%252580%252581table%2525E3%252581%2525AB%2525E3%252581%252599%2525E3%252582%25258B%2525E3%252581%2525AE%2525E3%252581%25258C%2525E3%252581%252584%2525E3%252581%252584%2525E3%252581%25258B%2525E3%252582%252582%2525E3%252581%2525AD%2525EF%2525BC%252588%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%252580%2525E3%252583%2525BC%2525E3%252581%2525A8%2525E6%2525A4%25259C%2525E7%2525B4%2525A2%2525E3%252582%2525A8%2525E3%252583%2525B3%2525E3%252582%2525B8%2525E3%252583%2525B3...%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252581%25258B%2525E3%252581%25258C%2525E3%252582%252593%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2pxRzhkLXVXenp5SlJteDF3NU9tcE9KZjdkNHFHUXo5ZFowNy0wNmc9czk2LWM%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png"},"bookmarksCount":65,"siteURL":"zenn.dev","url":"https://zenn.dev/kagan/articles/html-dl-vs-ul-vs-table","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/zenn.dev/kagan/articles/html-dl-vs-ul-vs-table","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/zenn.dev/kagan","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Fkagan%2Farticles%2Fhtml-dl-vs-ul-vs-table"},{"__typename":"BookmarkEntry","title":"スクリーンリーダーの操作にはTab以外のキーも必要です - Qiita","description":"macOSのSafariでは、ボタンやリンクにTabキーでフォーカスを移動できないのがデフォルトの設定になっている Safariでは、「設定」画面の「詳細」パネル内にある「Tabキーを押したときにWebページ上の各項目を強調表示」のチェックを入れていないと、Tabキーを押したときにボタンやリンクにフォーカスが移動しません（Opt...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/b3119e5c2b0e532a3533ba658bca39956ef8fb7d/height=200;version=1;width=200/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMjIzMzMlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODM1NTA_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9MWM1NTQ3ZDI5ODA5ZTc3ZjY0MzU3NzMzM2QxYjliYzA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D2aa340adfd5ec59cb65526e5cbd6b342%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUUzJTgyJUI5JUUzJTgyJUFGJUUzJTgzJUFBJUUzJTgzJUJDJUUzJTgzJUIzJUUzJTgzJUFBJUUzJTgzJUJDJUUzJTgzJTgwJUUzJTgzJUJDJUUzJTgxJUFFJUU2JTkzJThEJUU0JUJEJTlDJUUzJTgxJUFCJUUzJTgxJUFGVGFiJUU0JUJCJUE1JUU1JUE0JTk2JUUzJTgxJUFFJUUzJTgyJUFEJUUzJTgzJUJDJUUzJTgyJTgyJUU1JUJGJTg1JUU4JUE2JTgxJUUzJTgxJUE3JUUzJTgxJTk5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NjI2MThkZWY4NDAyODYwMmU3M2NmNzcwYTI5ODkyMzk%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB5bXJsJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NGEzNjg2OGM2ZGMzNDE4NGYxYTJkYzA5ZGUwMWVmNDI%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D2959d9680a406c200a9fec14c586aa63"},"bookmarksCount":48,"siteURL":"qiita.com","url":"https://qiita.com/ymrl/items/11e78cd6fbfdae39de84","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/qiita.com/ymrl/items/11e78cd6fbfdae39de84","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/qiita.com/ymrl","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fqiita.com%2Fymrl%2Fitems%2F11e78cd6fbfdae39de84"},{"__typename":"BookmarkEntry","title":"SPA(Next.js)のスクリーンリーダーによる画面遷移で工夫したこと","description":"こんにちは、Ubie株式会社でデザインエンジニアをやっているtakanoripです。 UbieではユビーAI受診相談というサービスを開発しており、症状に関する質問をするページ（以下「質問ページ」という）を中心にアクセシビリティ向上のための様々な改善を進めています。今回はその中の1つの事例をご紹介します！ Ubieでのアク...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/032871702bd55241147597eba161d5ec1ad081d8/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--eYWJ4XFH--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ASPA%252528Next.js%252529%2525E3%252581%2525AE%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%252580%2525E3%252583%2525BC%2525E3%252581%2525AB%2525E3%252582%252588%2525E3%252582%25258B%2525E7%252594%2525BB%2525E9%25259D%2525A2%2525E9%252581%2525B7%2525E7%2525A7%2525BB%2525E3%252581%2525A7%2525E5%2525B7%2525A5%2525E5%2525A4%2525AB%2525E3%252581%252597%2525E3%252581%25259F%2525E3%252581%252593%2525E3%252581%2525A8%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3AUbie%25252C%252520Inc.%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2VlOWMzMWRhODMuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3AUbie%252520%2525E3%252583%252586%2525E3%252583%252583%2525E3%252582%2525AF%2525E3%252583%252596%2525E3%252583%2525AD%2525E3%252582%2525B0%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzIxM2U3YzMzMGUuanBlZw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png"},"bookmarksCount":40,"siteURL":"zenn.dev","url":"https://zenn.dev/ubie_dev/articles/499d3ecff708c0","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/zenn.dev/ubie_dev/articles/499d3ecff708c0","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/zenn.dev/ubie_dev","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Fubie_dev%2Farticles%2F499d3ecff708c0"},{"__typename":"BookmarkEntry","title":"HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか（と思ってブラウザ拡張を作ってる）","description":"HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか（と思ってブラウザ拡張を作ってる）これまでの何年間か、Webアクセシビリティまわりのことをやってきた中で、「Webアクセシビリティに取り組む」上でいろいろな障壁を感じてきました。「なぜWebアクセシビリティを...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/d262924f345fb4bd20726a6e12479921f5f1d489/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--vyg9Q2mA--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AHTML%2525E3%252582%252592%2525E7%25259B%2525B4%2525E6%25258E%2525A5%2525E8%2525AA%2525AD%2525E3%252581%2525BF%2525E6%25259B%2525B8%2525E3%252581%25258D%2525E3%252581%25259B%2525E3%252581%25259A%2525E3%252580%252581%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%252580%2525E3%252583%2525BC%2525E3%252582%252582%2525E4%2525BD%2525BF%2525E3%252582%25258F%2525E3%252581%25259A%2525E3%252581%2525AB%2525E3%252580%252581%2525E3%252582%2525A2%2525E3%252582%2525AF%2525E3%252582%2525BB%2525E3%252582%2525B7%2525E3%252583%252593%2525E3%252583%2525AA%2525E3%252583%252586%2525E3%252582%2525A3%2525E3%252582%252592%2525E5%252590%252591%2525E4%2525B8%25258A%2525E3%252581%252595%2525E3%252581%25259B%2525E3%252582%252589%2525E3%252582%25258C%2525E3%252581%2525AA%2525E3%252581%252584%2525E3%252581%2525A0%2525E3%252582%25258D%2525E3%252581%252586%2525E3%252581%25258B%2525EF%2525BC%252588%2525E3%252581%2525A8%2525E6%252580%25259D%2525E3%252581%2525A3%2525E3%252581%2525A6%2525E3%252583%252596%2525E3%252583%2525A9...%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aymrl%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2cxMEtvem5ETXNrSFdYVkN4dkxvYUdhaGxLNmdOVlB4cnV5eG1YNGc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png"},"bookmarksCount":36,"siteURL":"zenn.dev","url":"https://zenn.dev/ymrl/articles/761efe95091798","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/zenn.dev/ymrl/articles/761efe95091798","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/zenn.dev/ymrl","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Fymrl%2Farticles%2F761efe95091798"},{"__typename":"BookmarkEntry","title":"dl/dt/ddのスクリーンリーダーの読み上げをなんとかする","description":"この記事で取り上げる手法は実験的です。何か問題があった際に、すぐに修正・改善できる立場にないのであれば採用するべきではありません。期待と異なる読み上げスクリーンリーダーを使ったことがある開発者ならご存知のとおり、dl要素、dt要素、dd要素の構造はスクリーンリーダーの読み上げにおいては期待と異なる挙...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/593e7ac9d2e1c5b7fd2e02ddcdeb64bba9bcbae0/height=200;version=1;width=200/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--b2mYNtXY--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3Adl%25252Fdt%25252Fdd%2525E3%252581%2525AE%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%252580%2525E3%252583%2525BC%2525E3%252581%2525AE%2525E8%2525AA%2525AD%2525E3%252581%2525BF%2525E4%2525B8%25258A%2525E3%252581%252592%2525E3%252582%252592%2525E3%252581%2525AA%2525E3%252582%252593%2525E3%252581%2525A8%2525E3%252581%25258B%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252582%252586%2525E3%252581%252586%2525E3%252581%2525A6%2525E3%252582%252593%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2kyUjJhZW0zYXB3MjFneHFmUGJGSlpDaG1ndEs2aG9jS0VNbV9JT3c9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png"},"bookmarksCount":33,"siteURL":"zenn.dev","url":"https://zenn.dev/yusukehirao/articles/dl-dt-dd-wai-aria","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/zenn.dev/yusukehirao/articles/dl-dt-dd-wai-aria","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/zenn.dev/yusukehirao","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fzenn.dev%2Fyusukehirao%2Farticles%2Fdl-dt-dd-wai-aria"},{"__typename":"BookmarkEntry","title":"アクセシビリティーに考慮するHTMLコーディング - WAI-ARIAでスクリーンリーダーの読み上げがこう変わる - ICS MEDIA","description":"ナビゲーションリストナビゲーションリストは、主にメニューやリンクの一覧を整理して表示するためのUI要素です。自分が今どのページを訪れているのかを示すことによって、ユーザーはウェブサイトの構造や階層を理解しやすくなります。 ▼ 実装例（一部抜粋） \u003cli\u003e\u003ca href=\"#\"\u003eCSS\u003c/a\u003e\u003c/li\u003e \u003cli\u003e\u003ca href=\"#\" aria-curren...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/fe9bc520ca73e60f605e735d8109612a38af8806/height=200;version=1;width=200/https%3A%2F%2Fics.media%2Fentry%2F230821%2Fimages%2F230824_eyecatch.jpg"},"bookmarksCount":33,"siteURL":"ics.media","url":"https://ics.media/entry/230821/","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/ics.media/entry/230821/","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/ics.media/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fics.media%2Fentry%2F230821%2F"},{"__typename":"BookmarkEntry","title":"スクリーンリーダーNVDA日本語版 (エヌブイディーエーニホンゴバン) プロジェクト日本語トップページ - OSDN","description":"Non Visual Desktop Access (NVDA) は Windows を音声読み上げと点字出力で操作するためのソフトウェア（スクリーンリーダー）です。 NVDA 日本語版は NV Access がリリースする NVDA に日本の利用者のための機能を追加したものです。 NVDA日本語版ダウンロードと説明 GitHub releases OSDN での NVDA 日本語版の配布は...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/88b5812b26169b8d02a15cc6dcd3017c2b5d62d7/height=200;version=1;width=200/https%3A%2F%2Fstatic-cdn.osdn.net%2Fthumb%2Fg%2F3%2F178%2F200x200_0.png"},"bookmarksCount":32,"siteURL":"ja.osdn.net","url":"https://ja.osdn.net/projects/nvdajp/","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/ja.osdn.net/projects/nvdajp/","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/ja.osdn.net/","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fja.osdn.net%2Fprojects%2Fnvdajp%2F"},{"__typename":"BookmarkEntry","title":"macOS の VoiceOver で Web サイトのスクリーンリーダー対応をはじめよう - Qiita","description":"開発している Web アプリケーションをスクリーンリーダーでも扱えるようにするにあたって、 VoiceOver を使いはじめてみたら思ったより簡単だったので、やり方についてまとめてみます。この記事内では macOS High Sierra (10.13.6（17G65）) を前提としていますが、 VoiceOver の操作方法などはバージョンが変わっても...","thumbnail":{"__typename":"ResizeableImage","squareImageURL({\"height\":200,\"width\":200})":"https://cdn.image.st-hatena.com/image/square/0305b63a7685f00aa90af8962ea09d8e450c5e53/height=200;version=1;width=200/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9bWFjT1MlMjAlRTMlODElQUUlMjBWb2ljZU92ZXIlMjAlRTMlODElQTclMjBXZWIlMjAlRTMlODIlQjUlRTMlODIlQTQlRTMlODMlODglRTMlODElQUUlRTMlODIlQjklRTMlODIlQUYlRTMlODMlQUElRTMlODMlQkMlRTMlODMlQjMlRTMlODMlQUElRTMlODMlQkMlRTMlODMlODAlRTMlODMlQkMlRTUlQUYlQkUlRTUlQkYlOUMlRTMlODIlOTIlRTMlODElQUYlRTMlODElOTglRTMlODIlODElRTMlODIlODglRTMlODElODYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWU2MTI4NTFjNTY0NjIyZWRmMmUwNzBlNjI4ZDYzYmE5%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5bXJsJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lOGJiODNiY2YzNDA0ZDQ4ODBjYzI4OWQ2MTJiN2IyOQ%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gZnJlZWU%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3Dc526259d0707941d2570ec64a88290bf"},"bookmarksCount":30,"siteURL":"qiita.com","url":"https://qiita.com/ymrl/items/934af34b7e52407c8359","bookmarkCommentsListURL":"https://b.hatena.ne.jp/entry/s/qiita.com/ymrl/items/934af34b7e52407c8359","bookmarkSiteEntriesListURL":"https://b.hatena.ne.jp/site/qiita.com/ymrl","faviconImageURL":"https://cdn-ak2.favicon.st-hatena.com/?url=https%3A%2F%2Fqiita.com%2Fymrl%2Fitems%2F934af34b7e52407c8359"}]}}}}}},"page":"/keyword/_permalink_reborn","query":{"name":"スクリーンリーダー","fromHatenaBlog":""},"buildId":"8MX8gND8BYpmrsrzfNHI8","assetPrefix":"https://live.blog-tags.st-hatena.com","runtimeConfig":{"KOTOBA_GRAPHQL_ENDPOINT":"https://live.blog-tags.hatenaapis.com/api/graphql","KOTOBA_API_KEY":"Vm6DEwznUvNxxOnvDJZquQjC5cQacmbAW2O8CoZf0Xw="}}</script><script async="" data-next-page="/keyword/_permalink_reborn" src="https://live.blog-tags.st-hatena.com/_next/static/8MX8gND8BYpmrsrzfNHI8/pages/keyword/_permalink_reborn.js"></script><script async="" data-next-page="/_app" src="https://live.blog-tags.st-hatena.com/_next/static/8MX8gND8BYpmrsrzfNHI8/pages/_app.js"></script><script src="https://live.blog-tags.st-hatena.com/_next/static/runtime/webpack-035ac2b14bde147cb4a8.js" async=""></script><script src="https://live.blog-tags.st-hatena.com/_next/static/chunks/commons.d78459f0c3cff869b62b.js" async=""></script><script src="https://live.blog-tags.st-hatena.com/_next/static/runtime/main-389f2d5a5a59288bda75.js" async=""></script></body></html>

CINXE.COM

スクリーンリーダーとは 人気・最新記事を集めました - はてな

スクリーンリーダーとは人気・最新記事を集めました - はてな