Difference between revisions of "Anchor Element"

From Level Access Web Labs
Jump to navigation Jump to search
(Checking same page links)
 
(22 intermediate revisions by 5 users not shown)
Line 27: Line 27:
  
 
<div>Link with text and image (with no alt text) <a href="http://www.ssbbartgroup.com">SSB <img src="logo.jpg" /> </a></div>
 
<div>Link with text and image (with no alt text) <a href="http://www.ssbbartgroup.com">SSB <img src="logo.jpg" /> </a></div>
 +
 
<h2>Content area</h2>
 
<h2>Content area</h2>
<a id="content" href="http://www.webaccessibility.com">WebAccessibility.com</a>
+
<p>This link is under a heading.</p>
 +
<p><a id="content" href="http://www.webaccessibility.com">WebAccessibility.com</a></p>
 +
 
 +
<p>This link is within a paragraph of text.  <a href="http://www.ssbbartgroup.com">Read more</a>  about SSB.</p>
 +
 
 +
<p>This link is within a sentence:</p>
 +
<p> <a href="http://www.ssbbartgroup.com">Read more</a>  about SSB.</p>
  
 +
<a href="#" class="td-link-standalone">TD® Aeroplan® <i>Visa Platinum*</i> <span class="td-link-lastword">Card<span class="td-icon td-icon-rightCaret" aria-hidden="true"></span></span></a>
 
</html>
 
</html>
 +
 +
==With Title==
 +
<html>
 +
<div>
 +
  <p>With title of "Level Access"</p>
 +
  <a title="Level Access" href="http://www.ssbbartgroup.com"> SSB </a>
 +
</div>
 +
<div>
 +
  <p>With title of ""</p>
 +
  <a title="" href="http://www.ssbbartgroup.com"> SSB </a>
 +
</div>
 +
<div>
 +
  <p>With title of " "</p>
 +
  <a title=" " href="http://www.ssbbartgroup.com"> SSB </a>
 +
</div>
 +
 +
<a href="https://www.ssbbartgroup.com">
 +
  <div class="button-content for-sg ">
 +
    <div class="icon-cell for-sg " aria-hidden="true">
 +
      <span class="icon-swatch-a icon-larger">
 +
      </span>
 +
    </div>
 +
  <div class="button-text for-sg ">
 +
My Pharmacy
 +
  </div>
 +
</div>
 +
</a>
 +
 +
 +
<a class="common-header__mobile-header-menu-button" id="responsive-menu-button" sidr="sidr-main" sidr-source-selector="#mobile-navigation">
 +
                            <i class="lt lt-more pull-left common-header__mobile-header-menu-button-icon"></i>
 +
                            <span class="currentTabLabel common-header__mobile-header-menu-button-current-tab-label">Dashboard</span>
 +
                        </a>
 +
</html>
 +
 
[[Category:Elements]]
 
[[Category:Elements]]
 +
 +
==Checking same page links==
 +
<html lang="en">
 +
<a href="#textblock1">Go to Block 1</a>
 +
<a href="#">Link 3</a>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<div>This is a test<div>
 +
<h1 id="textblock1">Start of Text Block</h2>
 +
<a href="#">Link 2</a>
 +
<div>Section summary</div>
 +
<div>Section summary</div>
 +
<div>Section summary</div>
 +
<div>Section summary</div>
 +
<div>Section summary</div>
 +
<div>Section summary</div>
 +
</html>

Latest revision as of 13:47, 21 June 2020

Intra-document Anchor Skip link
Anchor SSB BART Group
Anchor with title attribute. SSB BART Group
Anchor with off-screen text. SSB BART Group our site
Link with image only (with alt text) logo
Link with image only (with no alt text)
Link with image only (with null alt text)
Link with text and image (with alt text) SSB logo
Link with text and image (with no alt text) SSB

Content area

This link is under a heading.

WebAccessibility.com

This link is within a paragraph of text. Read more about SSB.

This link is within a sentence:

Read more about SSB.

TD® Aeroplan® Visa Platinum* Card

With Title

With title of "Level Access"

SSB

With title of ""

SSB

With title of " "

SSB
My Pharmacy

Dashboard

Checking same page links

Go to Block 1 Link 3

This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test
This is a test

Start of Text Block

Link 2
Section summary
Section summary
Section summary
Section summary
Section summary
Section summary