happy-science.jp

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.13:1. Recommendation: change background to #0a8927.

Selector: #header > div > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(1) > a

Kontext: <a class="btn btn-success" href="/help/brochure/"><span class="material-icons mi-...</a>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.13:1. Recommendation: change background to #0a8927.

Selector: #header > div > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > ul > li:nth-child(1) > a > span

Kontext: <span class="material-icons mi-lg">book</span>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.13:1. Recommendation: change background to #0a8927.

Selector: #hl-news > a:nth-child(1) > div > div > span

Kontext: <span class="badge badge-success badge-pill">布教誌</span>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.13:1. Recommendation: change background to #0a8927.

Selector: #hl-news > a:nth-child(2) > div > div > span

Kontext: <span class="badge badge-success badge-pill">映画</span>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.13:1. Recommendation: change background to #0a8927.

Selector: #hl-news > a:nth-child(3) > div > div > span

Kontext: <span class="badge badge-success badge-pill">経典</span>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.13:1. Recommendation: change background to #0a8927.

Selector: #hl-news > a:nth-child(4) > div > div > span

Kontext: <span class="badge badge-success badge-pill">経典</span>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.13:1. Recommendation: change background to #0a8927.

Selector: #hl-news > a:nth-child(5) > div > div > span

Kontext: <span class="badge badge-success badge-pill">テレビ放送</span>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.13:1. Recommendation: change background to #0a8927.

Selector: #hl-news > a:nth-child(6) > div > div > span

Kontext: <span class="badge badge-success badge-pill">経典</span>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.13:1. Recommendation: change background to #0a8927.

Selector: #hl-news > a:nth-child(7) > div > div > span

Kontext: <span class="badge badge-success badge-pill">経典</span>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.78:1. Recommendation: change text colour to #767676.

Selector: html > body > div:nth-child(2) > main > div > div > div > div:nth-child(16) > div > div:nth-child(5) > div > div:nth-child(1) > a > span

Kontext: <span class="item-date">2026.04.10</span>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.78:1. Recommendation: change text colour to #767676.

Selector: html > body > div:nth-child(2) > main > div > div > div > div:nth-child(16) > div > div:nth-child(5) > div > div:nth-child(2) > ul > li:nth-child(1) > a > div > div > span

Kontext: <span class="item-date">2026.03.14</span>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.78:1. Recommendation: change text colour to #767676.

Selector: html > body > div:nth-child(2) > main > div > div > div > div:nth-child(16) > div > div:nth-child(5) > div > div:nth-child(2) > ul > li:nth-child(2) > a > div > div > span

Kontext: <span class="item-date">2026.03.13</span>

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.78:1. Recommendation: change text colour to #767676.

Selector: html > body > div:nth-child(2) > main > div > div > div > div:nth-child(16) > div > div:nth-child(5) > div > div:nth-child(2) > ul > li:nth-child(3) > a > div > div > span

Kontext: <span class="item-date">2026.03.13</span>

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #hl-hrp > a:nth-child(1) > div > img

Kontext: <img src="https://media.happy-science.jp/static/images/default_ogp_square.jpg" class="mr-3 rounded" style="width: 50px; height: 50px; object-fit: cover;">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #hl-hrp > a:nth-child(2) > div > img

Kontext: <img src="https://media.happy-science.jp/static/images/default_ogp_square.jpg" class="mr-3 rounded" style="width: 50px; height: 50px; object-fit: cover;">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #hl-hrp > a:nth-child(3) > div > img

Kontext: <img src="https://media.happy-science.jp/static/images/default_ogp_square.jpg" class="mr-3 rounded" style="width: 50px; height: 50px; object-fit: cover;">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #hl-hrp > a:nth-child(4) > div > img

Kontext: <img src="https://media.happy-science.jp/static/images/default_ogp_square.jpg" class="mr-3 rounded" style="width: 50px; height: 50px; object-fit: cover;">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #hl-hrp > a:nth-child(5) > div > img

Kontext: <img src="https://media.happy-science.jp/static/images/default_ogp_square.jpg" class="mr-3 rounded" style="width: 50px; height: 50px; object-fit: cover;">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #hl-hrp > a:nth-child(6) > div > img

Kontext: <img src="https://media.happy-science.jp/static/images/default_ogp_square.jpg" class="mr-3 rounded" style="width: 50px; height: 50px; object-fit: cover;">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #hl-hrp > a:nth-child(7) > div > img

Kontext: <img src="https://media.happy-science.jp/static/images/default_ogp_square.jpg" class="mr-3 rounded" style="width: 50px; height: 50px; object-fit: cover;">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #hl-hrp > a:nth-child(8) > div > img

Kontext: <img src="https://media.happy-science.jp/static/images/default_ogp_square.jpg" class="mr-3 rounded" style="width: 50px; height: 50px; object-fit: cover;">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #hl-media > a:nth-child(1) > div > img

Kontext: <img src="https://media.happy-science.jp/static/images/default_ogp_square.jpg" class="mr-3 rounded" style="width: 50px; height: 50px; object-fit: cover;">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #hl-media > a:nth-child(4) > div > img

Kontext: <img src="https://media.happy-science.jp/static/images/default_ogp_square.jpg" class="mr-3 rounded" style="width: 50px; height: 50px; object-fit: cover;">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #hl-media > a:nth-child(5) > div > img

Kontext: <img src="https://media.happy-science.jp/static/images/default_ogp_square.jpg" class="mr-3 rounded" style="width: 50px; height: 50px; object-fit: cover;">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #hl-media > a:nth-child(6) > div > img

Kontext: <img src="https://media.happy-science.jp/static/images/default_ogp_square.jpg" class="mr-3 rounded" style="width: 50px; height: 50px; object-fit: cover;">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #hl-media > a:nth-child(8) > div > img

Kontext: <img src="https://media.happy-science.jp/static/images/default_ogp_square.jpg" class="mr-3 rounded" style="width: 50px; height: 50px; object-fit: cover;">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #hl-edu > a:nth-child(1) > div > img

Kontext: <img src="https://media.happy-science.jp/static/images/default_ogp_square.jpg" class="mr-3 rounded" style="width: 50px; height: 50px; object-fit: cover;">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #iconHelpModal > div > div:nth-child(1) > div > div > li:nth-child(1) > img

Kontext: <img data-src="https://media.happy-science.jp/static/images/icon_restriction_login.png" class="lazyload restriction-icon">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #iconHelpModal > div > div:nth-child(1) > div > div > li:nth-child(2) > img

Kontext: <img data-src="https://media.happy-science.jp/static/images/icon_restriction_member.png" class="lazyload restriction-icon">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #iconHelpModal > div > div:nth-child(1) > div > div > li:nth-child(3) > img

Kontext: <img data-src="https://media.happy-science.jp/static/images/icon_restriction_devotee.png" class="lazyload restriction-icon">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #iconHelpModal > div > div:nth-child(1) > div > div > li:nth-child(4) > img

Kontext: <img data-src="https://media.happy-science.jp/static/images/icon_restriction_shokufuku.png" class="lazyload restriction-icon">

Originalmeldung: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

Selector: #iconHelpModal > div > div:nth-child(1) > div > div > li:nth-child(5) > img

Kontext: <img data-src="https://media.happy-science.jp/static/images/icon_restriction_daikokuten.png" class="lazyload restriction-icon">

Originalmeldung: Duplicate id attribute value "EL%20CANTARE%20%E5%A4%A7%E5%B7%9D%E9%9A%86%E6%B3%95%20%E5%BE%A1%E6%B3%95%E8%A9%B1%E6%8A%9C%E7%B2%8B%E9%9B%86" found on the web page.

Selector: #EL%20CANTARE%20%E5%A4%A7%E5%B7%9D%E9%9A%86%E6%B3%95%20%E5%BE%A1%E6%B3%95%E8%A9%B1%E6%8A%9C%E7%B2%8B%E9%9B%86

Kontext: <span class="anchor" id="EL%20CANTARE%20%E5%A4%A7%E5%B7%9D%E9%9A%86%E6%B3%95%20%E5%BE%A1%E6%B3%95%E8%A9%B1%E6%8A%9C%E7%B2%8B%E9%9B%86"></span>

Originalmeldung: Duplicate id attribute value "%E6%B3%95%E8%A9%B1%E3%83%BB%E9%9C%8A%E8%A8%80" found on the web page.

Selector: #%E6%B3%95%E8%A9%B1%E3%83%BB%E9%9C%8A%E8%A8%80

Kontext: <span class="anchor" id="%E6%B3%95%E8%A9%B1%E3%83%BB%E9%9C%8A%E8%A8%80"></span>

Originalmeldung: Anchor element found with a valid href attribute, but no link content has been supplied.

Selector: html > body > div:nth-child(2) > main > div > div > div > div:nth-child(33) > div:nth-child(5) > div > a:nth-child(1)

Kontext: <a href="/whats-happy-science/group/" target="_blank"> </a>

Originalmeldung: This textinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #search-box

Kontext: <input type="text" id="search-box" class="form-control" name="k" value="" placeholder="キーワード検索" onfocus="this.value=''">

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: #search-box

Kontext: <input type="text" id="search-box" class="form-control" name="k" value="" placeholder="キーワード検索" onfocus="this.value=''">

Originalmeldung: This select element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #inputPrefecture

Kontext: <select id="inputPrefecture" class="form-control" onchange="location.href='/access/temples/prefecture/'+this.options[this.selectedIndex].value+'/'"> <option value="" selected="s...

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: #inputPrefecture

Kontext: <select id="inputPrefecture" class="form-control" onchange="location.href='/access/temples/prefecture/'+this.options[this.selectedIndex].value+'/'"> <option value="" selected="s...

Originalmeldung: This textinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: html > body > div:nth-child(2) > main > div > div > div > div:nth-child(15) > div:nth-child(2) > div:nth-child(3) > form > div > div > input

Kontext: <input type="text" class="form-control" aria-describedby="basic-addon1" name="keyword" value="">

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: html > body > div:nth-child(2) > main > div > div > div > div:nth-child(15) > div:nth-child(2) > div:nth-child(3) > form > div > div > input

Kontext: <input type="text" class="form-control" aria-describedby="basic-addon1" name="keyword" value="">

Originalmeldung: This textinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: html > body > div:nth-child(2) > main > div > div > div > div:nth-child(16) > div > div:nth-child(3) > div > div > div > form > div > input

Kontext: <input type="text" name="k" value="" placeholder="法話・霊言をさがす" class="form-control" onfocus="this.value='';this.placeholder=''">

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: html > body > div:nth-child(2) > main > div > div > div > div:nth-child(16) > div > div:nth-child(3) > div > div > div > form > div > input

Kontext: <input type="text" name="k" value="" placeholder="法話・霊言をさがす" class="form-control" onfocus="this.value='';this.placeholder=''">

Originalmeldung: This textinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: html > body > div:nth-child(2) > main > div > div > div > div:nth-child(20) > div:nth-child(2) > div:nth-child(1) > div > div > div > form > div > input

Kontext: <input type="text" name="q" value="" placeholder="書籍をさがす" class="form-control" onfocus="this.value='';this.placeholder=''">

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: html > body > div:nth-child(2) > main > div > div > div > div:nth-child(20) > div:nth-child(2) > div:nth-child(1) > div > div > div > form > div > input

Kontext: <input type="text" name="q" value="" placeholder="書籍をさがす" class="form-control" onfocus="this.value='';this.placeholder=''">

Originalmeldung: This emailinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: html > body > footer > div:nth-child(2) > div > div > div:nth-child(1) > div > div > form > div > input

Kontext: <input type="email" class="form-control" placeholder="メールアドレス" name="mailaddr">

Originalmeldung: This select element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #searchBranchByPrefForm > div > select

Kontext: <select name="k" class="form-control"> <option value=""...</select>

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: #searchBranchByPrefForm > div > select

Kontext: <select name="k" class="form-control"> <option value=""...</select>

Originalmeldung: This textinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #searchBranchByKeywordForm > div > input

Kontext: <input type="text" name="word" class="form-control">

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: #searchBranchByKeywordForm > div > input

Kontext: <input type="text" name="word" class="form-control">

Originalmeldung: This textinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #searchFormModal > div > div > div:nth-child(1) > form:nth-child(7) > div > input

Kontext: <input type="text" class="form-control" name="k" value="" placeholder="キーワード検索" required="">

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: #searchFormModal > div > div > div:nth-child(1) > form:nth-child(7) > div > input

Kontext: <input type="text" class="form-control" name="k" value="" placeholder="キーワード検索" required="">