<commit_before><!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>test file: placeholder attribute</title>
		<link rel="stylesheet" href="../style/styles.css" />
	</head>
	<body>
		<h1><code>placeholder</code> attribute test</h1>
		<div class="meta">
			<div class="criteria">
				<h2>Pass Criteria</h2>
				<ul>
					<li>#1: Attribute is supported</li>
					<li>#2: Correct HTML and Core Accessibility API mappings</li>
					<li>#3: Used in Accessible Name and Description Calculation</li>
				</ul>
			</div>

			<div class="reference">
				<h2>Reference</h2>
				<ul>
					<li><a href="https://www.w3.org/TR/html51/semantics.html#the-placeholder-attribute">HTML5 placeholder attribute</a>
					<li><a href="https://w3c.github.io/aria/html-aam/html-aam.html#html-attribute-state-and-property-mappings#att-placeholder">HTML Accessibility API Mappings for placeholder attribute</a></li>
					<li><a href="https://w3c.github.io/aria/html-aam/html-aam.html#https://w3c.github.io/aria/html-aam/html-aam.html#input-type-text-input-type-password-input-type-search-input-type-tel-input-type-email-input-type-url-and-textarea-element-accessible-name-calculation">Accessible Name Calculation</a></li>
					<li><a href="https://w3c.github.io/aria/html-aam/html-aam.html#https://w3c.github.io/aria/html-aam/html-aam.html#input-type-text-input-type-password-input-type-search-input-type-tel-input-type-email-input-type-url-and-textarea-element-accessible-description-calculation">Accessible Description Calculation</a></li>
				</ul>
			</div>
		</div>
		
		<div class="test">
			<h2 class="test-title" id="ph-001">Test ph-001: Placeholder without label</h2>

			<div class="test-case">
				<input id="input1" type="text" placeholder="placeholder text" />
			</div>
			
			<h3 class="code-title">Code</h3>
			<pre><code>&lt;input id="input1" type="text" placeholder="placeholder text" /></code></pre>
		</div>

		<div class="test">
			<h2 class="test-title" id="ph-002">Test ph-002: Placeholder with label associated via for/id attributes</h2>

			<div class="test-case">
				<label for="input2">Label text:</label>
				<input id="input2" type="text" placeholder="placeholder text" />
			</div>
			
			<h3 class="code-title">Code</h3>
			<pre><code>&lt;label for="input2">Label text:&lt;/label>
&lt;input id="input2" type="text" placeholder="placeholder text" /></code></pre>
		</div>
		
		<div class="test">
			<h2 class="test-title" id="ph-003">Test ph-003: Placeholder with label wrapping input</h2>

			<div class="test-case">
				<label>Label text:
					<input id="input3" type="text" placeholder="placeholder text" />
				</label>
			</div>
			
			<h3 class="code-title">Code</h3>
			<pre><code>&lt;label>Label text:
	&lt;input id="input3" type="text" placeholder="placeholder text" />
&lt;/label></code></pre>
		</div>
		
		<div class="test">
			<h2 class="test-title" id="ph-004">Test ph-004: Placeholder and title attributes</h2>

			<div class="test-case">
				<input id="input4" type="text" placeholder="placeholder text" title="title text" />
			</div>
			
			<h3 class="code-title">Code</h3>
			<pre><code>&lt;input id="input4" type="text" placeholder="placeholder text" title="title text" /></code></pre>
		</div>
		
		<div class="test">
			<h2 class="test-title" id="ph-005">Test ph-005: Placeholder with aria-placeholder</h2>

			<div class="test-case">
				<input id="input5" type="text" placeholder="placeholder text" 
				                               aria-placeholder="aria-placeholder text" />
			</div>
			
			<h3 class="code-title">Code</h3>
			<pre><code>&lt;input id="input5" type="text" placeholder="placeholder text" 
				               aria-placeholder="aria-placeholder text" /></code></pre>
		</div>

		<div class="test">
			<h2 class="test-title" id="ph-006">Test ph-006: Empty placeholder with aria-placeholder</h2>

			<div class="test-case">
				<input id="input6" type="text" placeholder="" 
				                               aria-placeholder="aria-placeholder text" />
			</div>
			
			<h3 class="code-title">Code</h3>
			<pre><code>&lt;input id="input6" type="text" placeholder="" 
				               aria-placeholder="aria-placeholder text" /></code></pre>
		</div>


	</body>
</html><commit_msg>Include descriptions of where placeholder should be used<commit_after><!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>test file: placeholder attribute</title>
		<link rel="stylesheet" href="../style/styles.css" />
	</head>
	<body>
		<h1><code>placeholder</code> attribute test</h1>
		<div class="meta">
			<div class="criteria">
				<h2>Pass Criteria</h2>
				<ul>
					<li>#1: Attribute is supported</li>
					<li>#2: Correct HTML and Core Accessibility API mappings</li>
					<li>#3: Used in Accessible Name and Description Calculation</li>
				</ul>
			</div>

			<div class="reference">
				<h2>Reference</h2>
				<ul>
					<li><a href="https://www.w3.org/TR/html51/semantics.html#the-placeholder-attribute">HTML5 placeholder attribute</a>
					<li><a href="https://w3c.github.io/aria/html-aam/html-aam.html#html-attribute-state-and-property-mappings#att-placeholder">HTML Accessibility API Mappings for placeholder attribute</a></li>
					<li><a href="https://w3c.github.io/aria/html-aam/html-aam.html#input-type-text-input-type-password-input-type-search-input-type-tel-input-type-email-input-type-url-and-textarea-element-accessible-name-calculation">Accessible Name Calculation</a></li>
					<li><a href="https://w3c.github.io/aria/html-aam/html-aam.html#input-type-text-input-type-password-input-type-search-input-type-tel-input-type-email-input-type-url-and-textarea-element-accessible-description-calculation">Accessible Description Calculation</a></li>
				</ul>
			</div>
		</div>
		
		<div class="test">
			<h2 class="test-title" id="ph-001">Test ph-001: Placeholder without label</h2>

			<div class="test-case">
				<input id="input1" type="text" placeholder="placeholder text" />
				<p>Placeholder should be used as accessible name</p>
			</div>
			
			<h3 class="code-title">Code</h3>
			<pre><code>&lt;input id="input1" type="text" placeholder="placeholder text" /></code></pre>
		</div>

		<div class="test">
			<h2 class="test-title" id="ph-002">Test ph-002: Placeholder with label associated via for/id attributes</h2>

			<div class="test-case">
				<label for="input2">Label text:</label>
				<input id="input2" type="text" placeholder="placeholder text" />
				<p>Placeholder should be used as accessible description</p>
			</div>
			
			<h3 class="code-title">Code</h3>
			<pre><code>&lt;label for="input2">Label text:&lt;/label>
&lt;input id="input2" type="text" placeholder="placeholder text" /></code></pre>
		</div>
		
		<div class="test">
			<h2 class="test-title" id="ph-003">Test ph-003: Placeholder with label wrapping input</h2>

			<div class="test-case">
				<label>Label text:
					<input id="input3" type="text" placeholder="placeholder text" />
				</label>
				<p>Placeholder should be used as accessible description</p>
			</div>
			
			<h3 class="code-title">Code</h3>
			<pre><code>&lt;label>Label text:
	&lt;input id="input3" type="text" placeholder="placeholder text" />
&lt;/label></code></pre>
		</div>
		
		<div class="test">
			<h2 class="test-title" id="ph-004">Test ph-004: Placeholder and title attributes</h2>

			<div class="test-case">
				<input id="input4" type="text" placeholder="placeholder text" title="title text" />
				<p>Placeholder should be used as accessible name</p>
			</div>
			
			<h3 class="code-title">Code</h3>
			<pre><code>&lt;input id="input4" type="text" placeholder="placeholder text" title="title text" /></code></pre>
		</div>
		
		<div class="test">
			<h2 class="test-title" id="ph-005">Test ph-005: Placeholder with aria-placeholder</h2>

			<div class="test-case">
				<input id="input5" type="text" placeholder="placeholder text" 
				                               aria-placeholder="aria-placeholder text" />
				<p>Placeholder should be used as accessible name</p>
			</div>
			
			<h3 class="code-title">Code</h3>
			<pre><code>&lt;input id="input5" type="text" placeholder="placeholder text" 
				               aria-placeholder="aria-placeholder text" /></code></pre>
		</div>

		<div class="test">
			<h2 class="test-title" id="ph-006">Test ph-006: Empty placeholder with aria-placeholder</h2>

			<div class="test-case">
				<input id="input6" type="text" placeholder="" 
				                               aria-placeholder="aria-placeholder text" />
				<p>Aria-placeholder should be used as accessible name</p>
			</div>
			
			<h3 class="code-title">Code</h3>
			<pre><code>&lt;input id="input6" type="text" placeholder="" 
				               aria-placeholder="aria-placeholder text" /></code></pre>
		</div>

	</body>
</html>
{'fraction_non_alphanumeric': 0.18668333143960913, 'fraction_numerical': 0.020906715146006137, 'mean_word_length': 3.7221030042918457, 'pattern_counts': {'":': 0, '<': 279, '<?xml version=': 0, '>': 299, 'https://': 10, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6014323', 'n_tokens_mistral': 3478, 'n_tokens_neox': 2926, 'n_words': 572}