Checkbox|Input: aria-* attributes incorrectly applied

[hoangta79]

aria-label should be applied at input element level.

import React from 'react'
import { Checkbox } from 'semantic-ui-react'

const CheckboxExampleCheckbox = () => (
  <Checkbox label='Make my profile visible' aria-label="test" />
)

export default CheckboxExampleCheckbox

OR

import React from 'react'
import { Input } from 'semantic-ui-react'

const InputExampleFocus = () => (
  <Input focus placeholder='Search...' aria-label="test" />
)

export default InputExampleFocus

Expected

<div class="column rendered-example modules-checkbox-types-checkbox-example-checkbox">
     <div class="ui checkbox">
                   <input type="checkbox" class="hidden" readonly="" tabindex="0" value="on"  aria-label="test">
                    <label>Make my profile visible</label>
      </div>
</div>

OR

<div class="column rendered-example elements-input-states-input-example-focus">
    <div class="ui focus input">
        <input type="text" placeholder="Search..." aria-label="test" ></div>
    </div>
</div>

Actual

<div class="column rendered-example modules-checkbox-types-checkbox-example-checkbox">
     <div class="ui checkbox" aria-label="test">
                   <input type="checkbox" class="hidden" readonly="" tabindex="0" value="on">
                    <label>Make my profile visible</label>
      </div>
</div>

OR

<div class="column rendered-example elements-input-states-input-example-focus">
    <div class="ui focus input" aria-label="test">
        <input type="text" placeholder="Search..." ></div>
    </div>
</div>

Version

0.68.4